

We’ll send you an email download of this chart plus a break down of the pros and cons of each. Here’s a chart of the most used purpose of each image format. For the scope of this article, let’s focus on the basics: choosing an image format. There are other things to consider, such as responsive image strategies, sizing images for optimization, retina resolutions, and server-side optimizations, just to name a few. We begin with context: is your image a logo? Is it a high-quality photo? Is it an illustration with only a few colors? Will it be on top of a background? What’s the display size? Etc. How do we maintain a high-quality image, while also minimizing the file size? How do you choose the best image formats for websites? That’s a tricky question because we have to balance two conflicting principles:įinding this balance can be challenging.
