Examples:

srcset & sizes attributes

Use this one for now

<img src="{{media url="header-banners/appl/ma/large.jpg"}}" srcset="{{media url='header-banners/appl/ma/large.jpg'}} 1400w, {{media url='header-banners/appl/ma/medium.jpg'}} 1050w, {{media url='header-banners/appl/ma/small.jpg'}} 515w" sizes="(min-width: 40rem) 90rem, 100vw" alt="alt tag here" />

Example using Images from Media


Picture Element

This one is more complicated, don't use unless you need more control than srcset and sizes gives you above. Example coming soon.