Skip to content

Instantly share code, notes, and snippets.

@thomaspuppe

thomaspuppe/perf-blogpost-picture-srcset.html

Created September 16, 2024 07:10
Show Gist options
  • Save thomaspuppe/e8f290070f783cef18bf9b1065d16957 to your computer and use it in GitHub Desktop.
Save thomaspuppe/e8f290070f783cef18bf9b1065d16957 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
perf-blogpost-picture-srcset.html
<picture>
<source
media="(max-width: 480px)"
srcset="cute-dog__480x480__mobile.avif, cute-dog__480x480__mobile__scale_2.avif 2x"/>
<source
media="(max-width: 767px)"
srcset="cute-dog__767x767__mobile.avif, cute-dog__767x767_mobile__scale_2.avif 2x"/>
<source
media="(max-width: 900px)"
srcset="cute-dog__900x506__desktop.avif, cute-dog__900x506__desktop__scale_2.avif 2x"/>
<source
srcset="cute-dog__1000x562__desktop.avif, cute-dog__1000x562__desktop__scale_2.avif 2x"/>
<img
src="cute-dog__980x551" alt="A cute dog">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment