1st Site Free Step 7 - Maintain (Cont.)

Optimize Your Images - GIF

Generally, GIF files should be used for logos, line drawings and icons. Avoid using it for photographic images, and graphics which have long stretches of continuous-tone in them. When you're designing GIF files, minimize the file size.

How do I optimize a GIF Image? This can get complicated and involves color palettes, reducing the color depth of the the image, dithering and to be honest is over my head!

I recommend you use a free online such as Imageoptimizer which you can use for free. You can reduce the file size of GIF images (upload size limit: 300 KB), even animated GIFs. Use it as often as you like, there's never any charge. You can select images from your Webpage URL or your hard drive. The image below (1stsite.gif) was optimized using Imageoptimizer.

Original Image:

1stsite.gif
File Size: 8361 bytes
Number of Colors: 132
Width: 254 Height: 96

Optimized Images:

1stsite_1.gif
File Size: 5704 bytes
Reduction: 31%
Number of Colors: 128

1stsite_2.gif
File Size: 5418 bytes
Reduction: 35%
Number of Colors: 96

1stsite_3.gif
File Size: 4496 bytes
Reduction: 46%
Number of Colors: 64

1stsite_4.gif
File Size: 4261 bytes
Reduction: 49%
Number of Colors: 48

1stsite_5.gif
File Size: 3666 bytes
Reduction: 56%
Number of Colors: 32

1stsite_6.gif
File Size: 2741 bytes
Reduction: 67%
Number of Colors: 24

1stsite_7.gif
File Size: 2174 bytes
Reduction: 73%
Number of Colors: 16

1stsite_8.gif
File Size: 1862 bytes
Reduction: 77%
Number of Colors: 12

1stsite_9.gif
File Size: 1831 bytes
Reduction: 78%
Number of Colors: 8

1stsite_10.gif
File Size: 1815 bytes
Reduction: 78%
Number of Colors: 4

Many of the images above are significantly smaller with no noticeable difference in quality. However, once color depth is forced below 16 colors, image rendering becomes unpredictable. The difference in file sizes between 16 colors (1862 bytes) and 8 colors (1831 bytes) isn't worth the risk. I recommend you never select a GIF image below 16 colors.

Next - How do I optimize a JPEG Image?

Return - Reduce download.


Do You Need Help? Don't be shy, if you have questions or need help creating your Website, just ask me. I work cheap -- free. The only dumb question is the one not asked!

If you find this Website useful, donate as little as a $1.00 through the Amazon Honor System to help me keep it free. Paying is fast and easy: just click the Pay now button to begin. Your credit card is secure. Your privacy is protected.


Return to top
Help me improve this page, please provide me your
suggestions or recommend a free resource:

Suggestion or free resource


Back
Back



| Reduce | GIF | JPEG | PNG | Thumbnails | Chop |


URL: http://www.1stSiteFree.com/reduce-down2.htm

Bill Green
Copyright © 1998 - 2008


HTML 4.01 Checked! Valid CSS Document