Shopify product image size guide: 2048 × 2048 px recommended, the 25 MP vs 20 MP limits, 20 MB files, formats, aspect ratios, zoom and fast loading.
The best Shopify product image size for most stores is a square 2048 × 2048 pixels — that's the figure Shopify's own Help Center says usually displays best for square product images. Around that number sit a few hard limits (megapixels and megabytes), a choice of aspect ratio that affects how your collection pages look, and some performance decisions that affect how fast product pages load. This guide focuses only on product images: the dimensions, the upload limits (including a discrepancy between two Shopify pages), file formats, aspect ratios, zoom, speed, SEO, and a workflow for getting every product photo right.
Banner, slideshow, logo and blog image sizes are separate topics and are not covered here.
Shopify product image size at a glance
| What | Figure | Source |
|---|---|---|
| Recommended square size | 2048 × 2048 px | Shopify Help Center |
| Maximum dimensions (product and collection images) | 5000 × 5000 px, or 25 megapixels | Shopify Help Center, product media |
| General image upload limit | 20 megapixels | Shopify Help Center, uploading images |
| Maximum via the developer API (MediaImage) | 4472 × 4472 px (20 MP) | Shopify.dev |
| Maximum file size | Under 20 MB | Shopify Help Center and Shopify.dev |
| Best file types for product images | PNG, then JPEG | Shopify Help Center |
| Aspect ratio allowed (API) | 100:1 to 1:100 | Shopify.dev |
Each figure is explained and sourced below.
The recommended size: 2048 × 2048
Shopify's product media article says that for square product images, a size of 2048 × 2048 px usually displays best, and that high-resolution photos look more polished and professional (Shopify Help Center). Shopify's developer documentation gives the same recommendation for product images uploaded through the API (Shopify.dev).
Why that size works:
- It's large enough for zoom. Product pages with zoom or lightbox views need detail to show when shoppers enlarge the image. People look closely: in Baymard Institute's testing, 56% of users began by exploring product images when they arrived on a product page (Baymard Institute).
- Shopify makes the smaller versions for you. When you add an image, Shopify automatically creates different sizes for different parts of the theme — a large version for the product page and a compact one for collection grids (Shopify Help Center). You upload one high-quality master.
- It stays well inside the limits. 2048 × 2048 is about 4.2 megapixels, far below any of Shopify's ceilings, and a well-compressed JPEG at that size is typically a fraction of the file-size limit.
You can upload larger images if you have them; there's no penalty for a 3000 × 3000 master as long as it's within the limits below. Just don't enlarge a small photo to reach 2048 — upscaling adds pixels without adding detail.
Upload limits: 25 MP or 20 MP?
This is where Shopify's own documentation isn't consistent, so it's worth being precise.
- Product media article: product and collection images can be any size up to 5000 × 5000 px, or 25 megapixels, and must be smaller than 20 MB (Shopify Help Center).
- Uploading images article: images uploaded to Shopify can't exceed either 20 megapixels or 20 megabytes. The same page notes that there are different image and file size limits for uploading product images, and elsewhere suggests uploading higher-resolution images up to 5000 × 5000 or 25 megapixels (Shopify Help Center).
- Developer documentation: a product MediaImage can be at most 20 MB and 4472 × 4472 px (20 MP) (Shopify.dev).
So Shopify publishes both a 25 MP figure (for product and collection images in the admin) and a 20 MP figure (for general uploads, and for product media created through the API). In practice:
- If you upload through the admin product page, Shopify's product media article allows up to 25 MP.
- If you upload through an app, a CSV import or the API, plan for 20 MP (4472 × 4472).
- Safest rule for everyone: keep images at or below 20 MP and under 20 MB. That covers every route, and the recommended 2048 × 2048 is far below it.
How to work out megapixels
Megapixels = width × height ÷ 1,000,000. Shopify's own example: an image of 4900 × 6930 px is about 33.9 MP, which is over the limit (Shopify Help Center).
| Dimensions | Megapixels | Fits 20 MP? | Fits 25 MP? |
|---|---|---|---|
| 2048 × 2048 | 4.2 | Yes | Yes |
| 3000 × 3000 | 9.0 | Yes | Yes |
| 4000 × 4000 | 16.0 | Yes | Yes |
| 4472 × 4472 | 20.0 | Yes (limit) | Yes |
| 5000 × 5000 | 25.0 | No | Yes (limit) |
| 6000 × 4000 | 24.0 | No | Yes |
| 4900 × 6930 | 33.9 | No | No |
Many modern cameras and phones capture 24 MP to 48 MP or more, so straight-from-camera files often need resizing before upload. Batch-resize them to your standard size once, rather than fixing individual uploads after Shopify rejects them.
The "file is too large" error
Shopify's help explains that if you see an error saying your file must be 20 MB or smaller even though the file is under 20 MB, the problem is the megapixel count, not the file size — reduce the pixel dimensions, for example from 5000 × 5000 to 4000 × 4000 (Shopify Help Center).
File formats for product photos
Shopify's product media article says the best file type for most product images is PNG, followed by JPEG; TIFF, BMP, GIF, SVG, HEIC and WebP are also accepted (Shopify Help Center). Its image-upload article adds a practical split: JPEG for photographs and products, PNG for logos, icons and graphics with flat colors or transparency (Shopify Help Center).
How that plays out for product photos:
- JPEG for most product photographs. It handles millions of colors and compresses well, so files stay small.
- PNG when you need a transparent background, or for products shown as flat graphics. PNG files of full-color photos are usually much larger than JPEGs.
- WebP is accepted for upload. You don't need to convert to it manually, because of how Shopify delivers images (next section).
- HEIC from iPhones is accepted, though converting to JPEG keeps your files predictable across tools.
Shopify converts formats on delivery
Shopify doesn't compress images on upload. When images are served through your theme, it may compress them, picks the best format the shopper's browser supports, and delivers WebP or AVIF where possible (Shopify Help Center). That matters because modern formats are much lighter: Google reports that lossless WebP images are 26% smaller than PNGs and lossy WebP images are 25–34% smaller than comparable JPEGs at equivalent quality (Google for Developers).
In other words, upload a high-quality JPEG or PNG and let Shopify handle modern formats for shoppers.
Aspect ratio: pick one and stick to it
Shopify's API accepts aspect ratios anywhere from 100:1 to 1:100 (Shopify.dev), so ratio isn't a technical limit. It's a design decision.
The key rule from Shopify's help: when product images sit side by side on collection pages, they display at different sizes unless you use a consistent aspect ratio for all your featured (main) images (Shopify Help Center). Mixed ratios produce a ragged grid.
| Ratio | Example size | Good for |
|---|---|---|
| 1:1 (square) | 2048 × 2048 | Most products; neat grids; marketplaces and ads |
| 4:5 (portrait) | 2048 × 2560 | Apparel, bottles, tall items; fills mobile screens |
| 3:4 (portrait) | 2048 × 2731 | Fashion on models |
| 4:3 (landscape) | 2048 × 1536 | Furniture, wide items |
Square is the safe default. Portrait ratios can make fashion and tall products look better on phones. Whatever you choose, check how your theme crops images in grids and on product pages — some themes have a setting to crop product cards to a fixed ratio.
If a product photo doesn't fit your chosen ratio — a tall bottle in a square frame, for example — extend the canvas rather than squeezing the product. ProductShot's AI image extender can add matching background around a product photo to reach a new ratio without distorting the item.
Zoom and image quality
Zoom is only as good as the source image. A 1000-pixel image zoomed to fill a desktop screen looks soft; a 2048-pixel image holds up. A few quality rules:
- Shoot sharp. Use a tripod, good light and focus on the product's key detail.
- Don't upscale. If your original is small, reshoot. Upscaling makes an image bigger, not sharper.
- Fill the frame. A product occupying a small part of a 2048 canvas wastes the resolution. Crop so the product fills most of the frame with a consistent margin.
- Enhance carefully. If a photo is slightly soft or noisy, a free tool like the free product image enhancer can clean it up in the browser with no login, credits or watermark — but it can't recover detail that was never captured.
Google's image guidance makes a related point for search: high-quality photos appeal to users more than blurry, unclear images, and sharp images are more appealing in result thumbnails (Google Search Central).
Color: why your images look different after upload
If colors shift after uploading, the cause is usually an embedded color profile. Shopify removes color profiles from images displayed on your store; when there's no profile, browsers assume sRGB, the most common web profile (Shopify Help Center). An image saved in Adobe RGB or another wide-gamut profile can therefore look duller or shifted on the storefront.
The fix: convert product images to sRGB before exporting, then save. Check the result on a phone as well as a desktop monitor.
Keep product pages fast
Large product images are often the biggest elements on a product page, which makes them central to load speed.
Largest Contentful Paint (LCP). Google's web.dev guidance says a good LCP is 2.5 seconds or less, and that sites should aim for that on at least 75% of page visits (web.dev). On many product pages, the main product image is the LCP element. web.dev's article also shows preloading the LCP image with a high fetch priority so it starts loading early.
Responsive images. Shopify's theme documentation explains that without srcset and sizes, the browser has only one image to download regardless of the viewport, so mobile devices can end up downloading desktop-sized images (Shopify.dev). Modern Shopify themes use the image_tag Liquid filter to output responsive images; if you use a custom or older theme, ask your developer to check.
Lazy loading. Shopify themes load a smaller version of images first and the full-resolution version in the background, which is why images may look blurry for a moment and then sharpen (Shopify Help Center). The main product image above the fold should generally not be lazy-loaded, so it appears as quickly as possible.
Compress before uploading? Shopify says images don't need to be manually compressed before uploading and recommends uploading the best quality you can (Shopify Help Center). Light compression still helps when files are very large (to stay under 20 MB, or to speed up bulk uploads). A free product image compressor can reduce file size in the browser without visible loss. For more detail, see our guide to compressing e-commerce product images.
Image SEO for product photos
Product images can bring traffic from Google Images and shopping results. Google's image SEO guidance recommends:
- Descriptive file names —
blue-linen-shirt-front.jpgrather thanIMG_4821.jpg, with an extension that matches the file type (Google Search Central). - Useful alt text that describes the product in the image. In Shopify, add alt text to each product image in the admin media editor.
- High-quality images placed near relevant text on the page.
Alt text also helps shoppers who use screen readers, so write it for people first: "Blue linen shirt, front view, with mother-of-pearl buttons."
How many product images, and which ones
Shopify doesn't set a minimum number of images per product, but most product pages benefit from a small, deliberate set rather than one photo or twenty. A practical starting point for each product:
- Main image. The product alone on a clean background, in your standard ratio. This one appears on collection pages, so consistency matters most here.
- Alternate angles. Back, side, top or open — whatever shows the parts buyers ask about.
- Detail close-up. Fabric, texture, stitching, finish, ports, ingredients label.
- Scale image. The product in a hand, on a person or next to a familiar object, so size is obvious.
- In-use or lifestyle image. The product in its setting, to help shoppers picture owning it.
- Variant images. One per color or finish, assigned to the variant so the gallery switches when the shopper picks it.
Keep every image in the set at the same pixel size and the same ratio as the main image, so the gallery doesn't jump in height as shoppers swipe on a phone. And put the most decisive information early: if most questions you receive are about size, move the scale image to second place.
Videos and 3D models are also supported on product pages in compatible themes, but they have their own limits and are beyond the scope of this guide.
A product image workflow for Shopify
1. Shoot
Photograph each product sharply on a clean background, with even lighting and the camera at a consistent height and distance. Capture the main view, angles, details and scale.
2. Clean up the main image
Remove distractions and place the product on a consistent background. ProductShot's AI white background generator produces a clean listing image from one photo, with Product Lock keeping the product's shape, color, logo and label intact; check packaging text before publishing. New accounts get 10 free credits (one image costs 10 credits), and the free tools — enhancer, compressor, background removal — use no credits.
3. Crop to your ratio
Crop every main image to the same ratio (for example 1:1) with the same margin around the product. Extend the canvas where needed instead of squashing the product.
4. Size and color
Export at 2048 px on the long side (2048 × 2048 for square), in sRGB.
5. Save the right format
JPEG for photos at high quality; PNG only where you need transparency.
6. Check limits
Under 20 MP, under 20 MB. A 2048 × 2048 JPEG is usually well under 1 MB.
7. Name and upload
Use descriptive file names, upload in the admin, add alt text, and set the main image first.
8. Review on mobile
Open the collection page and product page on a phone. Check that grid images line up, the main image loads fast, and zoom looks sharp.
Troubleshooting
| Problem | Likely cause | Fix |
|---|---|---|
| "File too large" though under 20 MB | Megapixels over the limit | Reduce pixel dimensions (e.g. to 4000 × 4000 or smaller) |
| Collection grid looks uneven | Mixed aspect ratios | Use one ratio for all main images |
| Product cropped on cards | Theme crops to a fixed ratio | Match the theme ratio or adjust the theme setting |
| Colors look dull or shifted | Embedded wide-gamut profile | Convert to sRGB before export |
| Blurry on zoom | Source too small or upscaled | Re-shoot or upload a larger original |
| Slow product pages | Oversized images, no responsive images | Upload sensible sizes; ensure the theme uses srcset |
| Image briefly blurry, then sharp | Lazy loading behavior | Expected; avoid lazy-loading the main image |
| Transparent PNG shows wrong background | Theme background color | Flatten onto your chosen background |
Worked example: a skincare bottle
A 30 ml serum bottle, shot on a phone at 4032 × 3024 px (about 12 MP).
- Crop: square around the bottle, product filling most of the frame.
- Background: cleaned to white with a soft shadow.
- Resize: 2048 × 2048 px, sRGB.
- Export: JPEG at high quality, roughly 400–600 KB.
- File name:
vitamin-c-serum-30ml-front.jpg. - Alt text: "Vitamin C serum, 30 ml amber glass bottle with dropper, front view."
- Gallery: front, back (ingredients), texture swatch, bottle in hand for scale, lifestyle shot on a bathroom shelf — all square, all 2048 px.
The result is well inside every Shopify limit, sharp on zoom, consistent on the collection page, and light enough to load quickly.
FAQ
What dimensions should I use for Shopify product photos?
2048 × 2048 px for square images is Shopify's own recommendation and works for most stores. Use one aspect ratio across all main images.
Is Shopify's limit 25 or 20 megapixels?
Shopify publishes both. Its product media article allows product and collection images up to 5000 × 5000 px (25 MP); its general uploading article and its developer documentation give 20 MP. Staying at or under 20 MP and 20 MB works everywhere.
What's the largest file Shopify accepts?
Product images must be smaller than 20 MB.
Do I need to compress images before uploading?
Shopify says it isn't necessary and recommends uploading the best quality available; it optimizes delivery itself. Light compression still helps with very large files or bulk uploads.
PNG or JPEG for Shopify products?
Shopify lists PNG first for most product images, followed by JPEG. In practice, JPEG gives smaller files for photographs, while PNG is best when you need transparency.
Why don't my product images line up on collection pages?
They have different aspect ratios. Use a consistent ratio for featured images, or let your theme crop to a fixed ratio.
Should I upload WebP?
You can, but you don't need to. Shopify serves WebP or AVIF automatically to browsers that support them.
Sources
- Shopify Help Center, Product media types: https://help.shopify.com/en/manual/products/product-media/product-media-types
- Shopify Help Center, Uploading images: https://help.shopify.com/en/manual/online-store/images/theme-images
- Shopify.dev, Manage media for products and collections: https://shopify.dev/docs/apps/build/online-store/product-media
- Shopify.dev, Serve correctly sized images with srcset and sizes: https://shopify.dev/docs/storefronts/themes/best-practices/performance/use-responsive-images
- web.dev, Optimize Largest Contentful Paint: https://web.dev/articles/optimize-lcp
- Google Search Central, Image SEO best practices: https://developers.google.com/search/docs/appearance/google-images
- Google for Developers, WebP: https://developers.google.com/speed/webp
- Baymard Institute, image resolution and zoom: https://baymard.com/research-articles/ensure-sufficient-image-resolution-and-zoom
