Is it possible to create quality web graphics that grabs attention and load fast at the same time? Take a look at the illustration samples at our site and see what I talking about.

Understanding the basics of GIF and JPEG compression will not only help you choose the best format for your Web graphics but will also enable you to create graphics that look better and load faster. Many graphics programs and compression utilities allow you to compare an image in different formats with various palette and compression settings before you actually save the file. While this takes much of the guess work out of choosing the best format for an image, it's still a good idea to have a basic understanding of how each type of compression works. With that knowledge, you can make changes to the graphic before compression takes place, creating an image that compresses to a smaller file size and looks better, too.

Optimize for Best Images

Q. I was asked a question by one of my customer's earlier this year. How do I put together a quality web site with great pictures that don't take a long time to load on older equipment or just in general? As a general rule, the following guideline will give you the best quality images with the smallest file sizes: GIF: images with large areas of solid color, such as vector clip art. JPEG: images with many shaded or gradient colors, such as photos. GIF Compression & Optimization GIF compression is lossless. This means that there is no loss of information when the file is compressed. When decompressed the image will be the same as before compression. Use this file format to save line drawings, text, or even small photos. The compression scheme for GIF format works by identifying repetitions or runs of color within the image and identifying these repetitions with an algorithm. The more repetition and the longer the color runs are, the smaller the image will be after compression. To better understand how this works:

JPEG Compression & Optimization

The JPEG format is most often used for photographs. When decompressed, the image will not be the same as before compression. It will have lost some of the information contained in the original file. Each time you save a JPEG image it will lose more information. For this reason, it is best to save an original of your image in a lossless format (such as TIF, PSD, etc.), and work from that file when making changes. JPEG compression does not work with runs of color, like GIF compression. Instead it breaks the image into zones and throws away subtle color differences. When saving an image in JPEG format, you can select how much compression to use and, therefore, how much information will be lost. The more the image is compressed, the more the quality is reduced but the smaller the file size becomes. This format has overhead, so it is not necessarily a good format for small photos. Generally images that are smaller than 100 x 100 pixels should be saved in GIF format. Sometimes experimenting is the only way to determine which format will give you the smallest file size with the best quality.

Page 1 of 2 :: First | Last :: Prev | 1 2 | Next