Cacher is the code snippet organizer for pro developers

<!-- Responsive codes for cropped images -->
<picture>
  <source srcset="images/crop-large.jpg" media="(min-width: 1200px)">
  <source srcset="images/crop-medium.jpg" media="(min-width: 760px)">
  <img src="images/crop-small.jpg" alt="Cropped Images">
</picture>

<!-- Responsive codes for cropped & high DPI images -->
<picture>
  <source sizes="1800px" srcset="images/crop-large.jpg 1920w, images/crop-large-hi-dpi.jpg 3840w" media="(min-width: 1200px)">
  <source sizes="1200px" srcset="images/crop-medium.jpg 1380w, images/crop-medium-hi-dpi.jpg 2760w" media="(min-width: 760px)">
  <img srcset="images/crop-small.jpg 640w, images/crop-small-hi-dpi.jpg 1280w" alt="Hi DPI Images">
</picture>

<!-- Responsive codes for resolution base images-->

<img srcset="images/resolution-small.jpg 570w, images/resolution-medium.jpg 1200w, images/resolution-large.jpg 1920w" alt="Resize images">
<img sizes="(min-width: 970px) 976px, 100vw" srcset="assets/images/low-res.jpg 565w, assets/images/reg.jpg 976w, assets/images/hi-dpi.jpg 1952w">