Best Image Format for Shopify Store Images
Upload JPG or PNG to Shopify and let its CDN serve WebP automatically. Shopify's image processing pipeline detects browser capabilities and serves WebP versions to supported browsers while falling back to JPG for older clients. This means you get the best format for every visitor without managing multiple file versions yourself.
Shopify handles image optimization differently than a self-hosted platform. Since Shopify controls the CDN and image pipeline, your job is to upload the highest quality source images possible and let Shopify handle the delivery optimization. Uploading pre-compressed WebP files can actually backfire because Shopify may re-compress them.
Here is the optimal upload workflow for Shopify product images, collection images, blog posts, and theme assets.
How Shopify's Image Pipeline Works
When you upload an image to Shopify, the platform stores the original and generates multiple sized variants on its CDN. When a visitor requests a page, Shopify's CDN serves the appropriate size based on the img_url Liquid filter or responsive image parameters in the theme, and negotiates the format based on the visitor's browser Accept header.
For browsers that support WebP (97%+ of global traffic), Shopify serves WebP. For older browsers, it serves the original format (JPG or PNG). This happens automatically with no configuration required.
- Automatic WebP delivery to supported browsers via CDN content negotiation.
- Multiple size variants generated automatically (100px to 5760px wide).
- Automatic quality optimization based on Shopify's algorithms.
- AVIF delivery is being tested on some Shopify plans as of 2026.
- Original uploaded file is preserved on Shopify's servers.
What Format to Upload to Shopify
Upload JPG at quality 90-95 for product photos and PNG for images requiring transparency (product cutouts, logos, graphics). Do not upload WebP to Shopify. Since Shopify generates WebP automatically, uploading WebP means Shopify converts from an already-compressed lossy format, which can introduce additional quality loss.
The goal is to give Shopify the highest quality source material. Shopify's compression algorithm is optimized for its CDN and delivery pipeline. Starting from a high-quality JPG gives the algorithm the best input.
- Product photos: JPG at quality 90-95, sRGB color space.
- Product cutouts on transparent backgrounds: PNG with alpha channel.
- Logos and brand graphics: PNG for raster, or SVG for theme assets.
- Blog post images: JPG at quality 90-95.
- Collection/category banners: JPG at quality 90-95.
- Maximum recommended upload size: 4472x4472 pixels, 20MB per file.
Product Image Dimensions and Requirements
Shopify product images have specific dimension requirements for optimal display across different contexts (product page, collection grid, cart, checkout, Google Shopping feed).
- Recommended size: 2048x2048 pixels (square) for product images. This provides enough resolution for zoom functionality and high-DPI displays.
- Minimum for zoom: 800x800 pixels. Below this, the product image zoom feature may not activate.
- Aspect ratio: Use consistent aspect ratios across all products. Square (1:1) is the most common for e-commerce. If your products are tall (bottles, clothing on hangers), use 2:3 or 3:4.
- Background: White or light gray for clean product presentation. Shopify themes typically display product images on white backgrounds.
- File size: Keep under 2MB per image after compression. Shopify accepts up to 20MB but large files slow down your admin panel and initial processing.
Handling HEIC iPhone Product Photos
Many small Shopify merchants shoot product photos on iPhones. The resulting HEIC files cannot be uploaded to Shopify directly. You need to convert them to JPG first.
Convert HEIC to JPG at quality 95 before uploading to Shopify. This preserves maximum quality for Shopify's processing pipeline. imageconvert.co handles this conversion in your browser with no upload required, keeping your product photos private.
Shopify Image SEO
Image SEO is especially important for e-commerce because Google Shopping and Google Images are significant traffic sources.
- File names: Use descriptive names before uploading. Shopify preserves original file names in the URL. Name files red-leather-wallet-front.jpg, not IMG_4532.jpg.
- Alt text: Add descriptive alt text to every product image in the Shopify admin. Include the product name and key attributes.
- Multiple angles: Upload 4-8 images per product. Google Shopping favors listings with multiple high-quality images.
- Lifestyle images: Include at least one lifestyle/context image alongside product-only shots. These perform well in Google Images.
- Structured data: Shopify themes automatically include Product schema with image references. Verify this is working with Google's Rich Results Test.
Frequently Asked Questions
Should I upload WebP images to Shopify?
No. Upload JPG at quality 90-95 or PNG for transparency. Shopify automatically generates and serves WebP versions to supported browsers. Uploading pre-compressed WebP can result in double compression and lower quality.
What size should Shopify product images be?
2048x2048 pixels square is the recommended standard. This provides enough resolution for the zoom feature and looks sharp on high-DPI displays. Use consistent dimensions across all products for a uniform collection grid.
Can I upload HEIC photos to Shopify?
No, Shopify does not accept HEIC files. Convert iPhone photos from HEIC to JPG before uploading. Use imageconvert.co for quick, private browser-based conversion.
Does Shopify automatically optimize images?
Yes. Shopify generates multiple size variants and serves WebP to supported browsers via its CDN. However, Shopify does not resize your uploads. If you upload a 5000x5000 image, it stores the full file. Upload at 2048x2048 for the best balance of quality and storage efficiency.
How do I reduce my Shopify store's page load time?
Upload properly sized images (2048x2048 max), use JPG for photos and PNG only when transparency is needed, enable lazy loading in your theme, and limit the number of images per page. Shopify's CDN handles format optimization automatically.