Sandy’s Great Graphic Tips: Selecting File Types
Posted by Ralf Yoffe | Under Company Profiles, Options Friday Aug 24, 2007Which graphic file type is best? It depends . . .
A lot of people wonder what the difference is between file types. Here’s a quick description of three common types. To learn more, follow the links for examples and detailed explanations.
.jpg or .jpeg = Joint Photographers Experts Group
Superior for photographs, computer game screenshots, blends or gradients (including metallics)Allows compression options (removes information to make the file smaller)Can be used as an image map (single image with clickable areas) Does not support transparencySupports millions of colors
.gif = Graphics Interchange Format
Superior for simple shapes, line art, diagrams, or flat colors (think cartoons, icons, logos, buttons)Supports animationSupported by most browsersAllows transparent backgrounds (for round or irregular shapes)Can be used as an image mapSupports 256 colors maximum
.png = Portable Network Graphics
Designed to improve/replace .gif file but does not support animationSupports transparencyPreserves sharp edgesNot all browsers support it but it’s gaining in popularitySupports RGB or greyscale (does not support CMYK for print)How do you know if you have the right file format?
If it’s too grainy, too fuzzy, or the file size is too large, you might want to review the descriptions above or check out Pat Kalbaugh’s GIF vs JPG page at The Sirius Web. Experiment a little - save it as a different file type and see what happens.
See you next time!
–Sandy, Purple Wren
Related articles:
Great Graphic Tips: Why Use Graphics?
Great Graphic Find: Pixel Ruler
Great Graphic Find: FavIcon from Pics
Great Graphic Find: SnagIt