Posts Tagged ‘image optimization for the web’

Making it Bigger Doesn’t Make it Clearer!

Sunday, July 25th, 2010

When choosing original images for use on your website, be sure to select the largest file size possible (1-3 megabytes). Having large original files will allow you to crop the image and reduce the file size for quick downloading (known as image optimization).

The image at right shows an optimized image, first at 118×136 (pixels), and then shows the same optimized image expanded to 207×243 (pixels). As you can see, the clarity of the second image has suffered because of the expansion. This is because the original small image has been optimized for quick download. Expanding makes it worse, not better.

The solution is to make sure that you have large-size originals so that you will not need to expand the images in size in order to increase their visual impact on the screen.

Most email programs limit the size of attachments to a total of 7-10 megs, which means you will either need to send your images to your web designer separately one-by-one (one image per email), or you will need to put the files on a disk and send them by mail to your web designer (or perhaps use FTP or a file transfer program like YouSendIt).

Failure to use quality images for websites is one of the most common errors new website owners make — be sure to take the time to select your images carefully and make sure they are of the highest quality possible.

(more…)

Why Do My Images Take So Long to Download?

Tuesday, June 23rd, 2009

If you’ve noticed that the images that you have placed on your website seem to take a long time to download, this is probably because you’ve failed to OPTIMIZE these images.

Image editing programs such as Photoshop and GIMP.org allow you to reduce the size of the image file considerably for quick download on the web.

Closeup of Washington's eye showing pixelation

Closeup of Washington's eye showing pixelization

Computer screens display at a screen resolution of 72 d.p.i (or 72 pixels per inch). A PIXEL is the smallest unit that can be viewed on a computer screen. Standard photos that you print out display at a much greater density (usually 300 d.p.i.) than is needed on the web. An optimized image at 72 d.p.i. looks the same on a computer screen as the same image at 300 d.p.i.; so it’s possible to reduce the density of the images for display on the web so that the image downloads much more quickly (because there is actually less information in the file).

The difference in size between an image that has not been optimized and an image that has been optimized can be considerable. For example, a standard photo that you might take with your digital camera could be 3,000 K before optimization, while the same image optimized could be 60 K.

If possible, it’s best to keep images to a size of 60K or less.