Automatic responsive images
What does this loader do?
- Responsive sizing + lazy loading
- It can load images with a maximum width
- It can load images with a fixed width
- It uses clean data-src with your server url
- It uses customizable Cloudinary images presets
likew_auto,f_auto,dpr_auto,c_scale
Responsive images with data-max-width
The following image will be:
- Always 100% max. of its parent container
- 500px max. if screen width is >= 500px
Images with fixed width
The following image will always be 150px
Images with data-ratio
Card title
This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
Card title
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
Last updated 3 mins ago
Image with low resolution blurry placeholder image