HTML — The Picture Element (Responsive Images)

The <picture> tag allows you to define multiple versions of an image for different screen sizes or formats (like WebP).

<picture>
  <source srcset=\"image.webp\" type=\"image/webp\" />
  <source srcset=\"image.jpg\" type=\"image/jpeg\" />
  <img src=\"image.jpg\" alt=\"Sample image\" />
</picture>