Member-only story

JPG vs PNG vs GIF vs SVG

Allen
UX Collective
Published in
Jul 3, 2019
JPG, PNG, GIF, or SVG, which image format to use

Believe it or not, the image format you chose is going to impact image quality, file size, load speed, and more.

You can read a long article to learn image formats, or you can use this chart to quickly find the right one to use:

Image format: when to use JPG vs PNG vs GIF vs SVG

You are welcome.

Published in UX Collective

We believe designers are thinkers as much as they are makers. Curated stories on UX, Visual & Product Design. https://linktr.ee/uxc

Written by Allen

Writer for UX Collective, Prototypr, and more. Judge for Webby Awards, Telly Awards, AIVA, and more. ♦ gasolinehorses.com

Responses (7)

What are your thoughts?

Oof! Lots of traffic from The Hacker News today. Thanks for the upvotes and for the folks who are questioning the necessity of GIF, and correct me if I am wrong, it is great for its minimized file size and the ability to losslessly render flat and…

I love the “Burn it with fire” option. More people should use it!

Very nice. Shouldn’t the “Is it transparent?” track always end in PNG though, not “JPG or PNG”?