Shopify's image limits
According to the Shopify Help Center, you can upload images up to 5000 x 5000 pixels or 25 megapixels and under 20 MB. Supported formats are PNG, JPEG, WebP, HEIC, GIF, TIFF, BMP and SVG, including animated GIF and WebP. For square images, Shopify notes that 2048 x 2048 pixels usually gives good results.
Being able to upload a 20 MB photo does not mean you should. Shopify resizes and compresses when serving, but starting from a reasonable file speeds up uploads, work in the admin and any later export. A well-exported photo of 2048 pixels per side is usually more than enough for product page zoom.
- Up to 5000 x 5000 px or 25 megapixels
- Under 20 MB per file
- PNG, JPEG, WebP, HEIC, GIF, TIFF, BMP and SVG
- Square: 2048 x 2048 px as a reference
Which format to upload
For photography, upload good-quality JPEG. For images with transparency or flat-color graphics, PNG. You do not need to convert photos to WebP or AVIF yourself: according to Shopify's developer documentation, its CDN detects which formats each browser supports and picks the most suitable one when serving the image.
What you should do before uploading is crop unnecessary margins, correct color and export with an sRGB profile. Photos with unusual color profiles can look dull or show different tones depending on the device, and that leads to returns over color differences.
Aspect ratio and catalog consistency
Choose one aspect ratio and use it across the whole catalog: square (1:1) or portrait (4:5 or 3:4, common in fashion). If every product has a different ratio, the collection grid falls out of alignment and the store looks careless. Most themes let you fix the card ratio, but automatic cropping can cut off parts of the product.
Keep the same background, framing and margin in the main photos too. The first photo should show the full product on a neutral background; the following ones, details, real use, scale (the product in hand or being worn) and, if relevant, the packaging. The second image is the one many themes show when hovering over the card, so choose it on purpose.
How the theme serves them
Performance depends mainly on the theme. In Liquid, the image_url filter lets you request each image at the width needed (up to 5760 pixels, never upscaling the original) and the image_tag filter generates a srcset with several sizes by default, adds width and height to avoid layout shifts and lazy-loads images further down the page.
What often goes wrong in old or heavily modified themes is that they load the same large photo on mobile and desktop, do not set the sizes attribute or lazy-load the first product image too, which is the one that counts for LCP. Fixing this usually improves Core Web Vitals more than any compression app.
Alt text and file names
Every product image supports alt text from the admin. Shopify allows up to 512 characters, although it recommends staying at 125 or fewer. Describe what is shown naturally (for example, “Green trail running shoe, side view”) instead of repeating the product name on every photo.
Alt text serves people using screen readers and helps Google Images understand the photo. The file name also counts for something: upload images with descriptive names instead of “IMG_4382.jpg”. If you have many photos without alt text, the admin can suggest text automatically, but review it before accepting.
Video and 3D models
Shopify accepts videos up to 10 minutes, 1 GB and 4K resolution in MP4, MOV or WebM formats, as well as YouTube or Vimeo links. On the product page, a short silent video showing the product in use usually works better than a long brand video.
3D models are uploaded as GLB or USDZ, up to 500 MB, and Shopify automatically optimizes those over 15 MB. They make sense for products whose volume or details are hard to show in a photo, such as furniture or footwear. Keep in mind that video and 3D add weight: load them only when the user asks for them.
Common mistakes
Supplier photos with different backgrounds, mixed aspect ratios in the same collection, 6 or 8 MB images for no reason, text embedded in the photo (which cannot be translated and is hard to read on mobile), a lazy-loaded first image and no alt text at all. Each is a small problem on its own, but together they make a store feel slow and untrustworthy.
If your catalog is large, define a photography guide before your next shoot: aspect ratio, background, number and order of photos per product, and file naming. It saves a lot of correction work later.
Another point that gets forgotten is linking each photo to its variant. Shopify lets you assign an image to each variant, so that when a customer picks a color the gallery shows the product in that color. If variants have no assigned image, the customer picks green and keeps seeing the blue model, and that creates doubts and returns. With many colors, organize the gallery so each variant has at least one main photo of its own and, if the theme allows it, filter the gallery to show only the images for the chosen color.
Finally, review the admin's file library from time to time. Images no product uses anymore do not affect store speed, but they make it harder to find what you are looking for and confuse the team when reusing photos.
Frequently asked questions
What product photo size does Shopify recommend?
For square images, the Shopify Help Center notes that 2048 x 2048 pixels usually gives good results. The maximum supported is 5000 x 5000 pixels or 25 megapixels.
Do I need to convert my photos to WebP before uploading?
No. Shopify's CDN detects which formats the browser supports and serves the most suitable one, such as WebP or AVIF. Upload good-quality JPEG or PNG.
Do I need an app to compress images in Shopify?
Usually not. Shopify already compresses and resizes when serving. What matters most is that the theme requests the right size for each screen and does not lazy-load the first image.
Does alt text help SEO?
It helps Google understand the image and rank in Google Images, and it is required for accessibility. Write it by describing what is shown, without repeating keywords.