The following blog post is a test which codecs are supported by different browsers.

Originally, the image is encoded using HEIC. The other versions are then generated from this original image using imagemagick, e.g., mogrify -format jpeg *.HEIC. Size has been checked with du -sh *.

The compatibility tests were done 2023-10-01 with the current versions of the respective desktop browsers.


HEIC (Original Image)

FirefoxChromeSafari

Here would be the HEIC image


JPEG

FirefoxChromeSafari

Here would be the JPEG image


WebP

FirefoxChromeSafari

Here would be the WebP image


AVIF

FirefoxChromeSafari

Here would be the AVIF image