Podpora zatím v Chromu a Opeře (11/2020), na podpoře pracuje Firefox.
Více informací, testy a ukázky v článku na vzhurudolu.cz
Příklad na responzivitu obrázku:
<picture>
<source media="(min-width: 1025px)" srcset="strom.webp" type="image/webp" />
<source media="(max-width: 1024px)" srcset="hory.webp" type="image/webp" />
<source srcset="logo_HTML5.png"> <!-- pro prohlížeče, které WebP nepodporují -->
<img src="logo_Moodle.jpg" alt="obrázek" /> <!-- pro prohlížeče, které nepodporují WebP ani <picture> -->
</picture>
V Chrome, Opeře, Edge a konečně i ve Firefoxu (2/2019) funguje <picture> i WebP
(zobrazí se fotka stromu, na rozlišení do 1024px fotka hor), v Exploreru nefunguje nic, zobrazí se JPG (logo Moodle).
Ve starších verzích Firefoxu a Edge, kde již fungoval <picture>, ale nefungoval WebP, se zobrazí PNG (logo HTML5).
Responzivitu otestujte zoomem (na desktopu CTRL+kolečko na myši).