👩💻 Join our community of thousands of amazing developers!
The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do: <picture<source srcset="img/waterfall.avif" type="image/avif"<source srcset="img/waterfall.webp" type="image/webp"<img src="img/waterfall.jpg" alt="A bottom-up shot of a huge waterfall in Iceland with green moss on either side."</picture But notice those <source> elements there… they can take a media attri...