AVIF jest na tę chwilę najnowszym i najlepszym formatem, ale ma małe wsparcie wsród przeglądarek. WebP jest za to wspierany o wiele szerzej, oprócz Safari (ono wspiera tylko częściowo, na Big Surze).
Ogólnie to IMO najlepiej stosować picture i proponować trzy formaty: AVIF, WebP i jpg/png, względnie dwa – WebP i jpg/png:
<picture>
<source type="image/avif" srcset="snow.avif">
<source type="image/webp" srcset="snow.webp">
<img alt="Hut in the snow" src="snow.jpg">
</picture>
W ten sposób wspieramy najwięcej przeglądarek i posyłamy im najlepszy możliwy format.