null null null null null
null Designs as unique as your business
null
Pixel Graphics > Design Tips > GIF vs. JPEG
null
null

 

GIF vs. JPEG

What bitmap format is the most appropriate for your Web Pages? Well, that depends on your image. A general rule of thumb is that the JPEG format works best for photographic images containing many colours. The GIF format works best for images with large blocks of flat colour, such as drawings/illustrations/maps etc. (images with relatively few colours).

There is actually a third image format in the Web designers’ arsenal, PNG which combines some of the advantages of JPG and GIF formats. However, this being a relatively new format, older browsers do not support PNG.

The following examples have been saved, in the most appropriate settings (this of course is entirely subjective). So what you’re looking at here is the best of the best, JPG vs. GIF in a no holds barred battle of the fittest, may the best pic win.

fruit_256compress.jpg (7600 B) Format: JPEG
Size: 7.6 K
Colour Depth: 24-bit
Compression: 50
fruit_256col.gif (18915 B) Format: GIF
Size: 18.9 K
Colour Depth: 8-bit

Can you tell the difference?. The truth of the matter is that when viewed at 100% the two images are almost indistinguishable from one in other. However in this particular situation, JPEG is the better choice because of its smaller footprint.

boat_50compress.jpg (10212 bytes) Format: JPEG
Size: 10.2 K
Colour Depth: 24-bit
Compression: 50
boat_50compress.jpg (6700 bytes) Format: GIF
Size: 6.7 K
Colour Depth: 8-bit

GIF is the only choice if you must have a transparent background (although there is a way to simulate transparencies with JPG). The GIF is slightly clearer and the colour just a tad more vibrant to my eye. Admittedly, I would be hard pressed to tell one from the other. Once again, we have to look at the file size to determine the better format. The GIF file wins in this instance.

null
© Pixel Graphics - 5362 Westhaven Place - Nanaimo, BC -V9V 1T1 - 250.758.3612
null   Home | About Us | e-Portfolio | Services | Pricing | Contact Us