HCI 201 Multimedia and the World Wide Web

Fall 1999 - Section 703 - File Formats for Web Graphics


Three file types are supported by current browsers.

Happy Face

GIF

GIF files are best used for images that have broad areas of flat color and are highly defined. One valuable feature is its support for image transparency.



Gromit Knitting

JPEG

JPEG files are best used for images that blend many colors smoothly, such as photographs.

JPEG files are compressed with "lossy" compression. Some of the information in the file is lost at compression time and cannot be recovered. JPEG image quality is measured by a "Q" setting from 1 to 100. 100 is best.



Happy Face

PNG

PNG has been developed as an alternative to GIF. It has a lot of potential, but does not have broad-based browser support.

PNG has lossless compression and supports many more palettes (such as grayscale) than GIF or JPEG. It also has gamma (brightness) correction.



A Comparison between GIF and JPEG

Examine the two images below...
You should be able to see that the GIF image on the left is "rougher" than the JPG image on the right.

Birdy GIF Birdy JPEG

This effect was exaggerated for this example by reducing the GIFs color palette to only 16 colors.



Week 3
Previous | Next

Course Home | Announcements | Class Roster | Schedule | Syllabus