Tuesday, June 10, 2008

Better Web Graphics to grab attention and load FAST

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 aboutUnderstanding 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 ImagesQ. 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. Themore 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.

4 comments:

Anonymous said...

I could tell how great you are in your field of interest. You could relate in each detail very well. Thank you for spending a time on sharing such informative writings to us. I will bookmark your page and looking forward to read some more of your writings soon.
EV SSL

Anonymous said...

Nice information, many thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance is overwhelming. Thanks again and good luck!
Renew Thawte SSL

Unknown said...

Snappa's drag-and-drop editor, it’s quick and easy to create your own graphics for blog posts, social media profiles and ads. The tool provides access to more than half a million free stock photos, 70,000+ vectors and shapes, and 200+ fonts. It's free to download up to 5 files per month, or $10 a month for unlimited downloads.

Unknown said...

Snappa's drag-and-drop editor, it’s quick and easy to create your own graphics for blog posts, social media profiles and ads. The tool provides access to more than half a million free stock photos, 70,000+ vectors and shapes, and 200+ fonts. It's free to download up to 5 files per month, or $10 a month for unlimited downloads.