The image file formats that are most commonly used on the web are listed below.

Classic Image Formats

These are the classic image formats universally supported in all web browsers

  • GIF – Animating the web since 1987. Bad for photos, great for icons. Universally supported.
  • JPEG – A compressed image format used throughout the web, particular adept at displaying photos. Universally supported.
  • PNG – Adoption picked up after IE6, now universal. Lossless compression with alpha transparency.


More recent additions to the list of browser-supported image formats:

  • SVG – A vector format, ideal for UI elements that must be drawn accurately at different sizes. Supported in Chrome, Edge, Firefox, IE, Opera, Safari.
  • APNG – Where GIF and PNG meet is the Animated PNG. They are supported in Chrome, Edge, Firefox, Opera, Safari.

Older/Deprecated formats

Best avoided, these formats don’t have wide support and have been replaced with better alternatives.

  • BMP – Bitmap File supported by Chrome, Edge, Firefox, IE, Opera, Safari. Best left for use with Microsoft Paint and not used online.
  • ICO – Microsoft Icon format supported by Chrome, Edge, Firefox, IE, Opera, Safari. Usage now should be limited to favicon.ico, and not used in web content.
  • TIFF – Tagged Image File Format supported by Safari, typically on the larger size, usually uncompressed.

Modern Image Formats

Newer image formats enjoy much better performance than classic formats. Support is better than it was, and support is now almost universal amongst the most popular browsers.

  • AVIF – Good alternative for images and animated images. Better compression than PNG or JPEG but you should include fallback formats for better browser support. Supported: Chrome, Opera, Firefox (still images only: animated images not implemented).
  • WebP – Excellent choice for both images and animated images. Better compression than classic formats and broad support in Chrome, Edge, Firefox, Opera, Safari

AVIF and WebP are image formats that have superior compression and quality characteristics compared to their older JPEG and PNG counterparts. Encoding your images in these formats rather than JPEG or PNG means that they will load faster and consume less cellular data.

Updated 22/9/22

Converting to Modern image formats

As Google and other search engines increasingly attribute page speed with quality, it is important that your website loads as quickly as possible. Depending on how heavily you use images on your website or ecommerce store it might be useful to consider options to switch your website to use modern image formats:

Hello, I'm Keith, a website developer in Belfast, Northern Ireland working with PHP, Magento, Shopify and WordPress.

I've been building websites for over 10 years, from custom website development to bespoke web applications, Shopify and Magento ecommerce and Online Leaning Environments. I've worked on a range of projects and am always looking out for the next interesting project.

Related Notes Posts

Mobile-first Web Design

Mobile-first web design Mobile-first web design is a design approach that prioritises mobile devices when designing a website. Instead of designing a website for desktop... January 2023 · Notes

Web development in Northern Ireland

Web development in Northern Ireland is a thriving industry, with many talented and skilled individuals and companies offering a range of services. Northern Ireland is... December 2022 · Notes


Apache, Nginx, PHP, JavaScript and Meta redirects There are two main redirect options **301** for a permanent redirect. Use this when the redirect is pointing... October 2022 · Notes

More Notes Posts...