Skip to content

Instantly share code, notes, and snippets.

@wpmu-authors

wpmu-authors/retina-wordpress.html

Created May 3, 2021 13:38
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save wpmu-authors/d42f64209472c970b30ecfd9af239d14 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save wpmu-authors/d42f64209472c970b30ecfd9af239d14 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. wpmu-authors created this gist May 3, 2021.
    18 changes: 18 additions & 0 deletions retina-wordpress.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    <picture>
    <source
    media="(min-width: 900px)"
    srcset="large-image_1x.jpeg 1x, large-image_retina.jpeg 2x"
    type="image/jpeg >
    <source
    media="(min-width: 601px)"
    srcset="medium-image_1x.webp 1x, medium-image_retina.jpeg 2x"
    type="image/jpeg" >
    <source
    media="(max-width: 600px)"
    srcset="small-image_1x.webp 1x, small-image_1x.jpeg 1x"
    type="image/jpeg" >
    <img
    src="large-image_1x.jpg"
    type="image/jpeg"
    alt="my image description">
    </picture>