Skip to content

Instantly share code, notes, and snippets.

@uploadcare-user

uploadcare-user/responsive-images-2.html

Created September 19, 2018 17:28
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 uploadcare-user/cad2f2e32ec744cef04647ce49f5f2d4 to your computer and use it in GitHub Desktop.
Save uploadcare-user/cad2f2e32ec744cef04647ce49f5f2d4 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive image example
Raw
responsive-images-2.html
<img src="https://ucarecdn.com/:uuid/original.jpg"
alt="An example of a responsive image"
srcset="https://ucarecdn.com/:uuid/-/resize/3000x/orignal_3000.jpg 3000w,
https://ucarecdn.com/:uuid/-/resize/2400x/original_2400.jpg 2400w,
https://ucarecdn.com/:uuid/-/resize/1500x/original_1500.jpg 1500w,
https://ucarecdn.com/:uuid/-/resize/800x/original_800.jpg 800w"
sizes="(min-width: 1600px) 80vw, 100vw">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment