Shopify image sizes at a glance
| Image type | Minimum | Recommended | Aspect ratio | Format |
|---|---|---|---|---|
| Product image | 800×800px | 2048×2048px | 1:1 | JPEG, PNG, WebP |
| Collection banner | 1200×400px | 1200×400px | 3:1 | JPEG, PNG |
| Slideshow hero | 1200×600px | 1920×900px | ~2.13:1 | JPEG, PNG |
| Blog featured image | 1200×630px | 1200×630px | ~1.91:1 | JPEG, PNG |
Store scenarios: Shopify-ready images without guesswork
Supplier photos look soft on retina product pages
Factory sent 600×600 JPEGs. Shopify accepts them, but grid thumbnails and zoom feel blurry on modern phones.
- Inspect pixel width — if below 800px, reshoot or upscale only as a last resort.
- Crop to a clean 1:1 product frame, then export 2048×2048 JPEG.
- Compress lightly so files stay under ~500KB when possible.
- Replace media on the product admin page and preview on mobile.
Collection page grid looks uneven
Mixed portrait and square uploads stretch differently in Dawn and other themes, leaving awkward letterboxing.
- Separate catalog thumbnails (1:1) from marketing banners (3:1 or theme spec).
- Batch-crop product shots to square before upload.
- Use collection banner slot only for 1200×400 (or your theme's documented size).
- Refresh the collection page and check tablet breakpoints.
Theme speed score drops after a catalog refresh
New 2048×2048 exports from the studio are 3–5 MB each. Lighthouse flags LCP even when dimensions are correct.
- Keep 2048px edge length — do not downscale for speed alone.
- Run local compression on each hero product JPEG.
- Re-test one product URL in PageSpeed or Shopify's speed report.
- Apply the same export preset to the rest of the catalog.
Common Shopify image mistakes
Uploading tiny supplier photos
Below 800px looks soft on retina displays. Upscale or reshoot, then resize to 2048×2048 for crisp product pages.
Inconsistent aspect ratios in a collection
Mixed ratios break grid layouts. Crop to 1:1 for catalog thumbnails and use separate banners for hero slots.
Oversized files slowing theme load
2048px JPEGs can still be multi-MB. Compress after resize to keep Core Web Vitals healthy.
Busy backgrounds on catalog shots
Clean product cutouts convert better. Use white background or background removal before publishing.
One master file cropped for every slot
A single 2048×2048 export stretched into banners and blog heroes blurs text. Export separate crops per slot using the size table above.
Shopify image FAQ
- What is the best Shopify product image size?
- Shopify recommends up to 2048×2048px square images for product media.
- Does Shopify support WebP?
- Yes for product media in many themes. JPEG remains the safest cross-theme format.
- How do I fix slow product pages?
- Resize to required dimensions, compress JPEGs, and avoid uploading 5MB+ originals.
- What size for a collection banner?
- 1200×400px is a safe default for many themes. Check your theme docs — some slideshow heroes prefer 1920×900px.
- Should product images be square or portrait?
- Square 1:1 keeps collection grids consistent. Use portrait only in dedicated sections that expect it, not mixed into the default product gallery.
- Do oversized images hurt Shopify SEO?
- Google cares about page speed. Correct dimensions plus reasonable file weight help Core Web Vitals more than extra megapixels.
Export Shopify-ready images
Use FreeMake.cc tools locally in your browser — files never leave your device.
Related reading
- Amazon Image Size Guide 2026
Every Amazon image size requirement in one place — with free browser tools to resize, audit, and compress before upload.
- HEIC to JPG Guide — Fix iPhone Photos That Won't Open
HEIC saves space on iPhone but breaks on Windows PCs, Android previews, and most marketplace uploads. Convert locally to JPG — no upload, batch 10 photos.
- 10 Best Free AI Image Generators in 2026 (Ranked & Compared)
Compare the best free AI image generators in 2026 — GPT Image 2, Gemini 3, Qwen, Seedream, Flux 2. Free on FreeMake.cc, no signup. Processed locally in your.