Free Shopify Product Image Size Checker & Resizer
Check any image against every Shopify product image size in seconds. Resize to product, hero, banner, collection, logo or favicon dimensions and download a file that is ready to upload.
Also works as a Shopify banner size checker, hero image validator, collection image resizer and theme-aware Dawn image size guide.
Dawn is the free Shopify reference theme. Its image-banner srcset goes up to 3840 px wide but mobile uses 750 px. Product cards top out at 1066 px wide. Below 2000 px on a hero you can see Dawn upscale a smaller variant on a 4K monitor.
Shopify recommends 2048 × 2048 px square for product images. Square is the safest default because it crops cleanly into every collection grid and stays consistent across the catalog.
Drop an image to check it
Your file stays on your device. Nothing uploads to a server. You get pass or fail against every Shopify rule, a side by side crop preview and a resized WEBP ready to upload.
Turn one product photo into Shopify ready hero shots.
NovaBrand is an AI product photo generator built for Shopify brands. Upload one product photo and get on-brand hero images, lifestyle scenes and ad creatives in minutes. No studio. No photographer.
Every Shopify image size in 1 place
Product images. Hero banners. Collection cards. Logos. Favicons. Every Shopify image dimension cross checked against the Shopify Help Center and the live Dawn theme repo.
| Image type | Recommended size | Aspect ratio | File size target | Source |
|---|---|---|---|---|
Product image (square) | 2048×2048 | 1:1 | ≤300 KB | Shopify Help Center |
Product image (portrait) | 2048×2560 | 4:5 | ≤400 KB | Dawn theme — card-product.liquid |
Product image (landscape) | 2048×1536 | 4:3 | ≤350 KB | Dawn theme — card-product.liquid (adapt) |
Collection card image | 1500×1500 | 1:1 | ≤250 KB | Dawn theme — card-collection.liquid |
Hero image banner (2:1) | 3000×1500 | 2:1 | ≤500 KB | Dawn theme — image-banner.liquid (srcset 3840 max) |
Slideshow / hero (16:9) | 1920×1080 | 16:9 | ≤500 KB | Dawn theme — slideshow.liquid |
Mobile hero (portrait) | 1200×1500 | 4:5 | ≤350 KB | Dawn theme — image-banner mobile srcset |
Announcement bar background | 1200×100 | 12:1 | ≤100 KB | Dawn theme — announcement-bar.liquid |
Store logo | 300×100 | free | ≤50 KB | Shopify Help Center — Theme settings |
Favicon | 512×512 | 1:1 | ≤30 KB | Shopify Help Center — Theme settings |
Social sharing image (OG) | 1200×630 | 1.91:1 | ≤300 KB | Shopify Help — Social media thumbnail |
Blog featured image | 3000×2000 | 3:2 | ≤400 KB | Dawn theme — main-article.liquid (srcset 3000 max) |
Cart line item thumbnail | 400×400 | 1:1 | ≤80 KB | Dawn theme — main-cart-items.liquid |
Why your Shopify banner size looks blurry on desktop
The single biggest complaint from Shopify sellers is a fuzzy hero or image banner. 3 causes account for almost every case.
- 1
Designed below the theme srcset cap
Dawn caps its image banner srcset at 3840 px wide and slideshow at the same. Upload below 2000 px on the long side and a 4K monitor will see the theme upscale a smaller variant. The tool predicts this based on the theme you pick and warns when your upload sits below the threshold.
- 2
Saved at low JPG quality
Canva, Figma and other tools default to small file sizes which means low JPG quality. Shopify's CDN then recompresses on serve, so a quality-60 source becomes a quality-50 served image. Export at quality 85 or higher and let Shopify do its own optimisation on top.
- 3
Source image upscaled in Photoshop
Starting from a 800 px photo and scaling up to 3000 px invents pixels that do not exist. The result looks soft no matter what file size you ship. Find a higher resolution source, reshoot, or use NovaBrand to generate a clean Shopify-ready image from the original product photo.
The Shopify mobile image crop nobody warns you about
Product photos look fine on the Shopify desktop store. A shopper opens it on a phone and the top of the product is gone or the banner text vanishes off the side.
Desktop shows the full crop
The Shopify storefront renders product cards at the theme aspect ratio (square in Dawn, portrait in others). Anything you placed in the centre is safe.
Mobile crops to 4:5 portrait
Shopify themes including Dawn crop product cards to a 4:5 portrait on phones even when the desktop card is square. The top and bottom of square uploads get cut.
The fix
Keep your product inside the centre 70 percent of the canvas. The checker above shows the same image inside the desktop card, the mobile card and the cart thumbnail side by side. If something important falls outside the safe zone, reframe in your editor before uploading.
Pick the right size for your Shopify theme
Every Shopify theme caps its responsive srcset at a different width. Below the cap, the theme upscales a smaller variant and your hero looks fuzzy on retina screens.
| Theme | Hero srcset cap | Product card cap | Upload at least |
|---|---|---|---|
| Dawn (default) | 3840 px | 1066 px | 2000 px wide |
| Horizon | 3840 px | 1200 px | 2200 px wide |
| Sense | 3000 px | 720 px | 1800 px wide |
| Refresh | 3000 px | 1066 px | 1800 px wide |
| Studio | 3840 px | 1200 px | 2200 px wide |
| Origin | 3000 px | 1066 px | 1800 px wide |
| Impulse | 2880 px | 1200 px | 2400 px wide |
| Brooklyn | 1800 px | 720 px | 1200 px wide |
| Debut | 1600 px | 720 px | 1200 px wide |
| Prestige | 3000 px | 1200 px | 1800 px wide |
Pick your theme in the tool above and the validator predicts whether your hero will look sharp on a 4K monitor.
The Shopify image rules that apply to every upload
Hard caps, supported formats and the file naming rules nobody documents.
- Max file size
- 20 MB per upload
- Max product/collection dimensions
- 5000 × 5000 px (25 MP)
- Max file uploader resolution
- 20 MP across all surfaces
- Aspect ratio bounds
- 100:1 to 1:100
- Supported formats
- JPG, PNG, WebP, HEIC, GIF (PSD, TIFF, BMP, SVG flatten)
- Reserved filename suffixes
- pico, icon, thumb, testing, small, compact, medium, large, grande
- CDN auto-conversion
- WebP and AVIF served when supported
- Cannot upscale via image_url
- Shopify never enlarges your source
How to use the Shopify image size checker in under a minute
6 steps. No login required.
- 1
Pick your Shopify theme
Choose the theme that runs your store. Every theme has different srcset caps and aspect ratios. The validation rules adjust to match.
- 2
Pick the image slot
Pick the surface the image goes on. The spec card on the left updates with the right dimensions and source.
- 3
Drop your image
Drag the file into the upload zone or click to pick one. Every common format works. Files stay on your device.
- 4
Read the verdict
The checker grades your image against every Shopify rule. It looks at dimensions and aspect ratio. It checks the file size and the format. It reads the color profile and the JPG quality. It even predicts whether your theme will display the image blurry on retina screens.
- 5
Check the crop previews
Preview your image inside every Shopify surface from the desktop card to the mobile card to the cart thumbnail. The dashed safe zone shows what survives each crop.
- 6
Download the resized file
The tool resizes the file to the exact target dimensions. It picks WebP for product photos and PNG for logos. The output lands under the file-size target and is ready to upload to Shopify.
Need fresh photo concepts before you start resizing? The product photography ideas generator outputs scene briefs and AI prompts for any product type.
Correct sizes are step one. The photo still has to be worth uploading.
This tool fixes dimensions and file size. It cannot fix a photo shot on a kitchen counter with a phone flash. NovaBrand turns a plain product photo into Shopify ready lifestyle shots and hero images in minutes.
One plain product photo in. Multiple on-brand Shopify ready images out. Drop any of them back into this checker and you have a complete product page ready to upload.
Frequently asked questions
The questions Shopify sellers ask most often about image sizes.
Shopify recommends 2048 × 2048 px square for product images. That hits the PDP zoom requirement, gives Shopify enough resolution to generate every CDN variant, and stays consistent across the catalog. The hard cap is 5000 × 5000 px and 20 MB. Aim for an upload around 250-300 KB and Shopify will recompress further on serve.
Almost always because the upload is below the theme srcset cap. Dawn caps the image banner srcset at 3840 px wide. If you upload a 1500 px banner then Dawn stretches the largest available variant on a 4K monitor and the result looks fuzzy. Upload at least 3000 px wide for sharp desktop rendering. Older themes like Brooklyn and Debut cap lower so check your theme docs.
They are all variants of the same section. Hero is the static full-width image at the top of the home page. Slideshow rotates several images at 16:9 (1920 × 1080). Image banner is the Dawn 2.0 section that supports 2:1 (3000 × 1500) and an optional mobile-only image. All three pull from the same theme srcset which goes up to 3840 px wide on Dawn.
Yes. Shopify Liquid's image_url filter auto-detects the browser and serves WebP or AVIF when supported. That is why this tool defaults to WebP for product and hero outputs. The smaller upload helps your SEO and Shopify recompresses anyway on serve.
Yes. No signup, no email, no watermark and no credit card. Files stay on your device because all the validation and resizing happens in your browser. NovaBrand makes money from a separate AI image generator for ecommerce brands and offers this tool as a free resource.
Skip the photo shoot. Generate the actual Shopify image.
NovaBrand turns a single product photo into Shopify ready images. Lifestyle scenes, hero shots and ad creatives in minutes. No studio, no photographer.
Resize the result with this checker and your Shopify product page is ready to ship.