
Prefer PNG when more precise reproduction of the image is Good choice for lossy compression of still images (currently the most Supported: Chrome, Edge, Firefox, IE, Opera, Safari. Lossless and indexed still images, and consider WebP, AVIF or APNG for animation sequences. Good choice for simple images and animations. Supported: Chrome, Firefox (still images only: animated images not implemented), Opera, Safari.

Note that when using AVIF, you should include fallbacks to formats with better browser support (i.e. It offers much better compression than PNG or JPEG with support for higher color depths, animated frames, transparency, etc.

Good choice for both images and animated images due to high performance and royalty free image format. Supported: Chrome, Edge, Firefox, Opera, Safari.

Good choice for lossless animation sequences (GIF is less performant).ĪVIF and WebP have better performance but less broad browser support. The image file formats that are most commonly used on the web are listed below.
