Performance

Responsive image_tag

Lets Shopify generate srcset and sizes for you.

Copy or embed this snippet

{{ product.featured_image | image_url: width: 1200 | image_tag:
  loading: 'lazy',
  sizes: '(min-width: 990px) 50vw, 100vw',
  widths: '375, 550, 750, 1100, 1500'
}}

Embed this snippet on your blog or docs — attribution link appreciated: HTMLToLiquid Converter · Convert to Shopify section →

Generate Shopify sections

Free AI-powered converter — OS 2.0 compatible output with schema validation.

Start converting HTML