The code to use it, with the possibility of alternatives in case the browser does not support it…
<picture> <source type="image/avif" srcset="snow.avif"> <img alt="Hut in the snow" src="snow.jpg"> </picture>
Image in AVIF
Comparison between different formats
Can I use it in my browser?
To validate the information, you can visit Can I use? Theoretically from Chrome 85 and Opera 71 it is already activated by default, and in from Firefox 77 you can activate by changing to “true” the value image.avif.enabled from the about:config.
- AVIF: A New Image Format
- AVIF – the next-gen image format you need to know about
- AVIF browser test page: AVIF support in Chrome, Firefox, Edge…
About this document
This document is regulated by the EUPL v1.2 license, published in WP SysAdmin and created by Javier Casares. Please, if you use this content in your website, your presentation or any material you distribute, remember to mention this site or its author, and having to put the material you create under EUPL license.