Digital Family Help Center

I answer a lot of questions by email, but you may find an answer more quickly on this Web site.

Here are a few answers common questions:

I get a lot of email and I can't promise to answer them all, but I do try.

Sometimes I surprise people and answer a question right away, but sometimes messages get caught in my spam filter or I'm super busy...


What's the best image format for the Web?
JPEG, GIF, and PNG Comparison Chart

One of the most common questions about images for the Web concerns when to use GIF or PNG and when to use JPEG. The simple answer is use JPEGs for photos and other images with millions of colors, use PNG for everything else.

Format

Best Use

GIF
(Extension is .gif)

For line art (such as one- or two-color logos), simple drawings, animations, and basically any image that has no gradients or blends. GIF is also the best format when you want to display an image with a transparent background.

PNG
(Extension is .png)

PNG generally produces better-looking images with smaller file sizes than GIF for the same kinds of limited-color images. Really old browsers, such as IE 3, don’t support the PNG format, but most Web designers now choose this format over GIF because so few people use such old browser. Browsers as recent as IE6 don’t display transparent PNG files properly, which is unfortunate because PNG files tend to handle transparency better.

JPEG
(Extension may be .jpg or .jpeg)

JPEG is the best format for colorful, complex images (such as photographs); images containing gradients or color blends; and any other images with millions of colors.

 

Here are the steps you should follow to optimize images: