Skip to content

Instantly share code, notes, and snippets.

@charisTheo

charisTheo/fallbackImages.html

Last active November 3, 2019 19:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save charisTheo/d62aed551b98d8f40e3d5f46e3211a85 to your computer and use it in GitHub Desktop.
Save charisTheo/d62aed551b98d8f40e3d5f46e3211a85 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
fallbackImages.html
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="img-2560-land.webp" type="image/webp" media="(min-width: 1440px)" />
<source srcset="img-2560-land.jpg" type="image/jpg" media="(min-width: 1440px)" />
<source srcset="img-1920-land.webp, img-3888-land.webp 1.5x" type="image/webp" media="(min-width: 1024px)" />
<source srcset="img-1920-land.jpg, img-3888-land.jpg 1.5x" type="image/jpg" media="(min-width: 1024px)" />
<source srcset="img-768.webp, img-768-1.5x.webp 1.5x" type="image/webp" media="(min-width: 768px)" />
<source srcset="img-768.jpg, img-768-1.5x.jpg 1.5x" type="image/jpg" media="(min-width: 768px)" />
<source srcset="img-480.webp" type="image/webp" media="(min-width: 480px)" />
<source srcset="img-480.jpg" type="image/jpg" media="(min-width: 480px)" />
<!--[if IE 9]></video><![endif]-->
<source srcset="img-320.webp" type="image/webp" />
<img srcset="img-320.jpg, img-320-1.5x.jpg 1.5x, img-320-2x.jpg 2x" type="image/jpg" alt="" />
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment