Shopify Image Sizes: Every Dimension That Matters
Every Shopify image size in one chart: product, collection, banner, logo, favicon. Plus the real upload limits and what the CDN already handles for you.
Shopify product images should be 2048 x 2048 px, square, and under 500 KB. The hard ceiling is 5000 x 5000 px or 25 megapixels, and 20 MB per file.
Those are the numbers. Everything below is the chart for every other image on your store, the limits nobody states clearly, and the two things that actually make a Shopify store slow — neither of which is the one most guides tell you to fix.
Shopify image size chart (2026)
| Image | Recommended size | Aspect ratio |
|---|---|---|
| Product image (square) | 2048 x 2048 px | 1:1 |
| Collection image | 2048 x 2048 px | 1:1 |
| Hero image | 1280 x 720 px | 16:9 |
| Website banner | 1200 x 400 px | 3:1 |
| Background image | 2560 x 1400 px | 16:9 |
| Blog post image | 1200 x 800 px | 3:2 |
| Logo (square) | 100 x 100 px | 1:1 |
| Logo (rectangular) | 400 x 100 px | 4:1 |
| Favicon | 48 x 48 px | 1:1 |
| Social sharing image | 1200 x 630 px | 1.91:1 |
These are Shopify's own recommendations, published in its website image size guidelines. Two notes before you use them.
Upload larger than the display size. The recommended logo size of 100 x 100 px is how big the logo appears, not what you should upload. Every modern screen is at least 2x, so upload at double and let the theme scale down. A logo uploaded at exactly 100 x 100 px looks soft on every laptop sold in the last decade.
Themes override these. A theme built around full-bleed lifestyle photography wants a different hero from one built around white-background product shots. Your theme's documentation beats this chart whenever the two disagree.
What size should Shopify product images be?
Square, 2048 x 2048 px. Shopify states plainly that "for square product images, a size of 2048 x 2048 px usually displays best" in its product media documentation, and three separate things depend on getting it right.
Zoom needs the pixels. Product zoom only works on images larger than 800 x 800 px. Upload a 600 px thumbnail from a supplier and the zoom feature silently does nothing, on the one page where a customer is trying to decide whether to buy.
Consistency matters more than the exact number. A collection grid where one product is square, one is portrait and one is landscape looks broken regardless of resolution. If your catalogue is mixed, pick one ratio and pad the odd ones to fit. This is the single most visible image problem on most stores, and it costs nothing to fix.
Bigger is not better past a point. 2048 px is enough for zoom on any screen. Uploading 5000 px originals gives you no visible benefit and makes every later operation slower.
What is the maximum image size Shopify allows?
Three limits, and hitting any one of them rejects the upload:
| Limit | Value |
|---|---|
| Maximum dimensions | 5000 x 5000 px |
| Maximum megapixels | 25 MP |
| Maximum file size | 20 MB |
Shopify accepts PNG, JPEG, PSD, TIFF, BMP, GIF, SVG, HEIC and WebP, and animated GIF and WebP as well. Its own guidance is that "the best file type for most product images is PNG, followed by JPEG".
That advice deserves a caveat, because taken literally it makes stores slower. PNG is right for logos, icons, and anything with hard edges, flat colour or transparency. For a photograph of a physical product, JPEG at quality 80-85 is a fraction of the size with no difference anyone can see. Save PNG for the cases that need it.
Do you need to convert images to WebP for Shopify?
No. The Shopify CDN already detects what the visitor's browser supports and serves WebP or
AVIF automatically, falling back to JPEG where it has to. This is documented behaviour of the
image_url Liquid filter, which
themes use for every image they render.
This matters because a whole category of apps is sold on the implication that your store is serving heavy JPEGs to modern browsers. It is not, and has not been for years. Upload a JPEG, and a visitor on Chrome receives WebP.
What conversion apps can genuinely still do is reduce the weight of the source file before the CDN ever sees it, which is a real saving on a catalogue of 4 MB supplier photographs. Just know which problem you are paying to solve. Converting to WebP yourself before upload is solving one that Shopify already solved.
Why your images still slow the store down
If the CDN handles format, why is the store slow? Two reasons, and they are the ones worth your time.
The source file is enormous. The CDN converts format, it does not decide that your 6000 px studio original was overkill for a 600 px thumbnail. A catalogue of unresized camera exports is heavy no matter what format it arrives in. Resizing to 2048 px before upload is the single biggest saving available on most stores.
The theme requests the wrong size. A well-built theme asks the CDN for the width it
actually needs and offers a srcset so phones get small files. A badly built one requests the
full-size image and lets CSS shrink it, which means a phone downloads a 2048 px image to
display it at 375 px. Open a product page, right-click an image, and check the URL: if it has
no width= parameter, that is where your speed went, and no image app will fix it because
the problem is in the theme.
Aim for under 500 KB per product image, and under 200 KB for anything that appears more than once on a page.
Do image file names and alt text matter?
Yes, and they are the cheapest SEO on your store because nobody does them.
File names. black-leather-chelsea-boot.jpg tells Google what the image shows.
IMG_4471.jpg tells it nothing. Rename before upload — Shopify keeps the file name you give
it, and renaming afterwards means re-uploading.
Alt text. Written for a person who cannot see the image, which happens to be the same thing Google Images wants. "Black leather Chelsea boot with elastic side panel" works. "boots shoes footwear leather black buy online" is keyword stuffing, and it makes the store worse for screen reader users to serve a search engine that stopped rewarding it long ago.
Google Images is a real traffic source for physical products, and it is almost entirely ignored by Shopify stores. The full detail is in our guide to Shopify alt text and how to add it in bulk.
How to resize Shopify images in bulk
For a catalogue that is already uploaded:
- Export the originals and resize them locally. On macOS, Preview's Tools → Adjust Size handles a folder at once; on Windows, PowerToys Image Resizer does the same. Free, and under your control.
- Use an image optimization app if you would rather not touch files. Most will resize and recompress in place across the catalogue.
- Re-upload through a CSV or the API if you are replacing images rather than compressing the existing ones, since the image URL column accepts any publicly reachable URL.
For everything from now on, fix it at the source: agree a maximum dimension and file size with whoever supplies your photography, and the problem stops recurring.
Five image mistakes that cost the most
- Mixed aspect ratios in one collection. The most visible flaw on the page customers browse most.
- Uploading straight from the camera. A 6000 px, 12 MB export is roughly twenty times the file anyone needs.
- PNG for photographs. Right format, wrong job. Costs several times the file size for no visible gain.
- Under 800 x 800 px. Zoom stops working, and the image looks soft on retina screens.
- No alt text at all. Free traffic and basic accessibility, skipped by default.
FAQ
What is the best image size for Shopify? 2048 x 2048 px square for product and collection images, under 500 KB. Other image types follow the chart above.
What is the maximum image size on Shopify? 5000 x 5000 px, 25 megapixels, and 20 MB per file. Exceeding any of the three rejects the upload.
Does image size affect Shopify SEO? Indirectly. Dimensions are not a ranking factor, but page speed is part of Core Web Vitals, and oversized images are the most common reason a Shopify product page loads slowly.
Should Shopify product images be square? Not necessarily, but they should all be the same ratio. Square is the safe default because most themes are designed around it.
Does Shopify compress images automatically? Shopify serves the right format for each browser and the right dimensions when the theme asks for them. It does not reduce the weight of the original you uploaded, which is why resizing before upload still matters.
What size should a Shopify banner be? 1200 x 400 px at a 3:1 ratio for a standard banner, 1280 x 720 px at 16:9 for a hero. Upload at double for retina screens.
Getting the dimensions right is the easy half. The harder half is a catalogue where products have no usable photo at all, only a supplier thumbnail or nothing.
Yikfy finds real product images restricted to domains you authorise yourself — your suppliers, the manufacturer, the brands you resell — and strips the EXIF and GPS data that supplier photos carry before anything reaches your storefront. It can resize every image to a target you set, and it writes the description, meta title and meta description to go with them. Everything lands in a review queue first, so nothing publishes until you accept it.