Skip to content

Instantly share code, notes, and snippets.

@timrourke

timrourke/srcset-syntax.html

Last active August 29, 2015 14:22
Show Gist options
  • Save timrourke/308e6d59bbda41e12998 to your computer and use it in GitHub Desktop.
Save timrourke/308e6d59bbda41e12998 to your computer and use it in GitHub Desktop.
Download ZIP
Basic srcset syntax for resolution switching
Raw
srcset-syntax.html
<img src="http://timrourke.com/content/uploads/2015/06/IMG_3304.jpg"
sizes="100vw"
srcset="http://timrourke.com/content/uploads/2015/06/IMG_3304-320x240.jpg 320w,
http://timrourke.com/content/uploads/2015/06/IMG_3304-640x480.jpg 640w,
http://timrourke.com/content/uploads/2015/06/IMG_3304-1024x768.jpg 1024w,
http://timrourke.com/content/uploads/2015/06/IMG_3304-1280x960.jpg 1280w,
http://timrourke.com/content/uploads/2015/06/IMG_3304-1600x1200.jpg 1600w,
http://timrourke.com/content/uploads/2015/06/IMG_3304-2000x1500.jpg 2000w,
http://timrourke.com/content/uploads/2015/06/IMG_3304.jpg 3264w"
alt="Il Duomo di Siena al tramonto (The Cathedral of Siena at sunset)"
width="3264"
height="2448"
class="your__image__class" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment