Skip to content

Instantly share code, notes, and snippets.

@mike-engel

mike-engel/srcsetSizesCloud.html

Last active March 24, 2017 23:57
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mike-engel/c14f4a3f9248e445dcff to your computer and use it in GitHub Desktop.
Save mike-engel/c14f4a3f9248e445dcff to your computer and use it in GitHub Desktop.
Download ZIP
A simple srcset & sizes using cloudinary
Raw
srcsetSizesCloud.html
<img src="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1000/v1444865801/forest.jpg"
srcset="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_320/v1444865801/forest.jpg 320w,
https://res.cloudinary.com/beardfury/image/upload/c_scale,w_768/v1444865801/forest.jpg 768w,
https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1024/v1444865801/forest.jpg 1024w,
https://res.cloudinary.com/beardfury/image/upload/c_scale,w_5000/v1444865801/forest.jpg 5000w"
sizes="(min-width: 1024px) 50vw, 100vw">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment