<picture>
<source sizes="(max-width: 608px) 100vw, 680px"
srcset="/img/photo-1920w.avif 1920w,
/img/photo-1280w.avif 1280w,
/img/photo-640w.avif 640w,
/img/photo-320w.avif 320w",
type="image/avif">
<source srcset="photo.webp" type="image/webp" <!-- same sizes -->>
<source srcset="photo.jpg" type="image/jpeg" <!-- same sizes -->>
<img src="photo-fallback.jpg" alt="Photo description" width="360" height="240">
</picture>
Last active
September 5, 2023 10:14
-
-
Save djibe/30f9ece3d51499004003b9269f4fc4fc to your computer and use it in GitHub Desktop.
Modern HTML
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment