Get in touch
All guides

Guide

Shopify Liquid Cheat Sheet 2026

Shopify Image Sizes: Legacy Names vs image_url

The named sizes below belonged to the old img_url filter. They still appear in older themes, but new code should request exact pixel widths with image_url.

01

pico — 16×16

Legacy

Legacy size name. Modern equivalent: image_url: width: 16.

{{ image | image_url: width: 16 }}
02

icon — 32×32

Legacy

Legacy size name. Modern equivalent: image_url: width: 32.

{{ image | image_url: width: 32 }}
03

thumb — 50×50

Legacy

Legacy size name. Modern equivalent: image_url: width: 50.

{{ image | image_url: width: 50 }}
04

small — 100×100

Legacy

Legacy size name. Modern equivalent: image_url: width: 100.

{{ image | image_url: width: 100 }}
05

compact — 160×160

Legacy

Legacy size name. Modern equivalent: image_url: width: 160.

{{ image | image_url: width: 160 }}
06

medium — 240×240

Legacy

Legacy size name. Modern equivalent: image_url: width: 240.

{{ image | image_url: width: 240 }}
07

large — 480×480

Legacy

Legacy size name. Modern equivalent: image_url: width: 480.

{{ image | image_url: width: 480 }}
08

grande — 600×600

Legacy

Legacy size name. Modern equivalent: image_url: width: 600.

{{ image | image_url: width: 600 }}
09

1024x1024 and 2048x2048

Legacy

Legacy size names. Modern equivalent: image_url: width: 1024 or width: 2048.

{{ image | image_url: width: 2048 }}
10

master

Corrected

Returned the original uploaded image at full size — not a fixed 2048px, as some cheat sheets state. Avoid serving originals on storefronts; request the width you need.

{{ image | image_url: width: 1600 }}
11

Responsive images, the modern way

Let image_tag generate srcset and sizes so each device downloads the right file — better for Core Web Vitals.

{{ product.featured_image
  | image_url: width: 1200
  | image_tag: widths: '400, 800, 1200', sizes: '(min-width: 750px) 50vw, 100vw' }}

Related reading: Shopify theme and speed audits

Shopify experts

Let's talk ecommerce, Shopify & Shopify Plus solutions.

DROPSHIP HUBS helps ecommerce brands build, improve, and grow Shopify stores. We support new builds, migrations, ongoing development, SEO, and conversion optimisation.

Our team can help plan the right approach based on your store, goals, and current challenges.

Get in touch