When Do You Use GIFs and When Do You Use JPEGs?

I’ve seen so many designers drop the ball on this that it’s time to speak out: GIFs for solid-colored images and JPEGs for gradients and photos!

Witness the pixellation of my Lakbayan map saved as a JPEG:

lakbayan-pixellated.jpg

And see this Philippine map double in size when saved as a GIF (22kb vs. 9kb as a JPEG):

philippines-gifed.gif

Now you’ll probably tell me “But Rico, it isn’t as clear cut as that!” Fine! Just make sure your images take up little space and look clean. That’s the beauty of programs like Photoshop: you can experiment for best results.

Enjoyed this post? Subscribe to Fool for Five today, and Share This with others. Donate and help keep Fool for Five online.


5 Responses to “When Do You Use GIFs and When Do You Use JPEGs?”

  1. 1 Miguel

    Wy do people still use GIF… isn’t PNG superior and universally supported?

  2. 2 Rico

    Unfortunately not. Some older programs, including earlier versions of Explorer, can’t render PNGs.

    But you’re still right: PNGs are superior to GIFs in every way. The cool transparency on the bottom bar of fortuito.us uses a PNG to achieve the effect.

  3. 3 Eugene

    For simple graphics, GIF is more than enough, especially if you have no need for the alpha transparency. Also, Photoshop by default outputs bloated PNGs, and I’m too lazy to bring out the PNG compressor. Hehehe.

  4. 4 Rico

    PNG Compressor? For free? :) Where?

  5. 5 Eugene

    Here’s one: pngcrush. It’s a command-line program so it’s not pretty. But if you have a large number of images, the default batch mode makes things fast.

Leave a Reply





Subscribe

Subscribe for email updates:

Archives