Shopify Image Sizes 2026: The Complete Guide

Getting Shopify image sizes wrong means product photos that look blurry at zoom, hero images that get cropped on mobile, or slow page loads from oversized files. This guide covers every Shopify image size you need in 2026 — product photos, hero images, collection images, blog images, logos, and favicons.

Shopify Image Sizes at a Glance

Format	Size (px)	Aspect Ratio	Notes
Product photo	2048×2048	1:1	Square recommended; enables zoom
Hero image	1920×1080	16:9	Full-width homepage banner
Collection image	1200×800	3:2	Category / collection page banner
Blog post image	1200×600	2:1	Featured image for blog posts
Store logo	400×200	2:1	Header logo; transparent PNG recommended
Favicon	32×32	1:1	Browser tab icon; ICO or PNG

Product Photos: Square for Maximum Compatibility

Shopify recommends uploading product images at 2048×2048 px square (1:1). This size:

Enables Shopify's built-in zoom feature for desktop shoppers

Ensures sharp display on Retina and high-DPI screens

Works correctly across all Shopify themes without cropping or letterboxing

All product images within a product listing should use the same aspect ratio — mixing square and landscape images causes inconsistent grid layouts and looks unprofessional. Square (1:1) is the safest choice because it works across all themes.

Use clean, white or neutral backgrounds for product photos — this is the e-commerce standard and makes your products look professional and clear.

Maximum file size: 20 MB per image. Shopify automatically generates smaller versions for thumbnails, cart previews, and mobile display.

Hero Images: Wide and Impactful

Hero images are the large, full-width banners used on your homepage and collection pages. Use 1920×1080 px (16:9) for the sharpest result across all screen sizes.

Design considerations:

Keep all critical content (text, logo, CTA buttons) in the central safe zone — roughly the central 1200×600 px area

The left and right edges are cropped on narrow screens and mobile devices

Avoid placing important text directly on detailed photographic backgrounds — use overlays for readability

Compress hero images to under 1 MB for fast page load speeds — large hero images are one of the most common causes of slow Shopify stores

Collection, Blog, Logo, and Favicon

Collection image: 1200×800 px (3:2) — appears on category and collection pages. Keep the focal product or scene centred.

Blog post image: 1200×600 px (2:1) — the featured image shown in blog listings and at the top of posts.

Store logo: 400×200 px — upload as a transparent PNG for clean rendering on any background colour.

Favicon: 32×32 px — the small icon in browser tabs. Use ICO or PNG format. Keep it to a single simple shape or initial.

File Format and Compression Tips

Use JPG for product photographs — smaller file size, fast load times

Use PNG for product images requiring transparent backgrounds (e.g., cut-out products on white)

Use PNG for logos and favicons — supports transparency

Use WebP if your theme supports it — significantly smaller file sizes than JPG or PNG with similar quality

Maximum file size: 20 MB, but aim for under 1 MB per image for page speed

Use the sRGB colour profile — CMYK images may display with colour shifts

How to Resize Images for Shopify Using imresizer

Go to imresizer.com/resize-image-for-shopify and select your format — Product, Hero, Collection, Blog, Logo, or Favicon
Upload your image
The correct dimensions are applied automatically
Adjust the crop position if needed, then download

Everything runs in your browser — your image never leaves your device.

Key Takeaways

Upload all product photos at 2048×2048 px square and use a consistent aspect ratio across your entire product catalogue. Design hero images at 1920×1080 px with key content in the central safe zone. Always compress images before uploading — page speed directly affects conversion rates. Use the free tools below to resize quickly.