Shopify Image Optimization 2026

Shopify is the world's most popular e-commerce platform. Its image handling is largely automatic; but uploading images at the wrong dimensions or format results in blurry product photos, slow load times, and lower conversion rates. This guide covers everything you need to know about Shopify images in 2026.

Shopify product image specifications

How Shopify handles images

Shopify automatically converts uploaded images to WebP for browsers that support it (since 2020). It also generates multiple responsive image variants. This means:

• You should upload at the highest quality JPEG or PNG you have. Shopify's conversion will produce the best result from a high-quality source
• You do not need to manually create WebP files for Shopify, it does this automatically
• Shopify generates variants at widths: 180, 360, 540, 720, 900, 1080, 1296, 1512, 2048, 4472 px

Recommended upload format

Despite Shopify's automatic WebP conversion, the format you upload matters:

• JPEG: best for product photos on white or plain backgrounds. Upload at quality 85–90
• PNG: required if your product has transparency (e.g., stickers, apparel on transparent background). Shopify will convert to WebP with transparency preserved
• SVG: for your store logo. Shopify supports SVG and it will scale perfectly on all screens

Aspect ratio consistency

Shopify themes display product images in a grid. If your product images have inconsistent aspect ratios, the grid will look uneven. Best practice: use 1:1 (square) for all product images, it is the universal standard and works with every Shopify theme.

If your products cannot be photographed square, set a consistent ratio (e.g., 4:3) across your entire catalogue rather than mixing portrait and landscape images.

Hero and collection images

For full-width banner/hero images on the homepage and collection pages:

• Use 1800 × 1000 px minimum (or 2560 × 1440 for retina-heavy traffic)
• Keep important content in the centre third of the image, many themes crop the sides on mobile
• File size target: under 300 KB for hero images (critical for LCP)

Speed optimization for Shopify stores

Shopify's built-in optimization helps, but there are additional steps you can take:

• Name your image files descriptively before uploading: blue-leather-wallet-front.jpg not IMG_3847.jpg. Shopify uses the filename as part of the image URL and alt text default
• Add alt text to every product image in the Shopify admin (Media section). This is important for both SEO and accessibility
• Avoid lazy loading your first product image, this is typically the LCP element. Shopify themes handle this correctly in modern versions, but check with PageSpeed Insights
• Compress images before uploading: even though Shopify converts to WebP, your original JPEG is stored and served as a fallback

Checking your store's image performance

1. Run your store URL through PageSpeed Insights
2. Look for "Properly size images" and "Serve images in next-gen formats" recommendations
3. Check your LCP image, it should be under 2.5 seconds on mobile
4. Verify no images are missing alt text