How to Resize Product Photos for Shopify
Shopify automatically resizes and serves images via its CDN, but the quality of what you upload determines the quality of what gets served. Uploading the right dimensions and compression level before uploading means Shopify's CDN serves optimised versions without adding its own recompression on top of badly prepared files.
Quick Answer
Shopify automatically resizes and serves images via its CDN, but the quality of what you upload determines the quality of what gets served. Uploading the right dimensions and compression level before uploading means Shopify's CDN serves optimised versions without adding its own recompression on top of badly prepared files.
Try it now — free, no signup
Your images stay on your device. Nothing is uploaded to any server.
Step-by-Step Guide
5 steps · takes under 1 minute
Resize product images to 2048×2048px square
Shopify recommends 2048×2048px (1:1) for product images. This enables zoom functionality and ensures sharp display on all screen sizes. Resize the longer dimension to 2048 first, then add canvas or crop to square.
Use a consistent background
White background (RGB 255,255,255) is the standard for most product categories — it looks clean, matches the store layout, and photographs correctly. Remove backgrounds using the Background Remover tool, then composite onto a white canvas.
Compress to under 500KB before uploading
Shopify accepts images up to 20MB, but large images slow your store. Compress to JPG at 85% — a 2048×2048 product photo at 85% JPG is typically 200–500KB. This is small enough for fast loading but large enough for Shopify's CDN to serve high-quality resized versions.
Name files descriptively
Rename files before uploading: 'mens-navy-slim-fit-chino-front.jpg' not 'IMG_3421.jpg'. Shopify uses file names in image URLs, which are crawled by Google for image SEO.
Add alt text in Shopify product editor
In Shopify admin: Products → click product → click image → edit alt text. Write descriptive text: 'Men's navy slim-fit chino trousers — front view'. This improves accessibility and image SEO.
100% Private — Zero Uploads
ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.
Pro tip
Pre-optimizing images before uploading to a platform gives you more control than relying on the platform's automatic (and often aggressive) compression.
Format & File Size Comparison
Same 1080×1080px photo processed four ways
| Format | Quality | File Size | Notes |
|---|---|---|---|
| PNG (original) | Perfect | 4.2 MB | No compression — too large for web |
| Compressed PNG | Visually identical | 1.1 MB | −74% — transparency preserved |
| JPG (85% quality) | Excellent | 310 KB | −93% · Best for photos |
| WebP (85%)BEST | Excellent | 205 KB | −95% · Recommended for web |
Based on a 1080×1080px photo. Results vary by image content and complexity.
Related Free Tools
All tools run in your browser — no account or upload needed
Frequently Asked Questions
4 questions answered