Shopify Image Sizes 2026: The Complete Guide

Product images are one of the biggest factors in whether a shopper buys from your Shopify store. Wrong dimensions mean blurry thumbnails, inconsistent product grids, and banners that look broken on mobile. This guide covers every Shopify image size you need in 2026.

Shopify Image Sizes at a Glance

Format	Size (px)	Aspect Ratio	Notes
Product image	2048×2048	1:1	Square preferred; max 20 MB
Collection image	1024×1024	1:1	Displayed as grid thumbnail
Homepage banner / hero	1920×1080	16:9	Full-width desktop hero section
Blog post image	1200×800	3:2	Featured image for articles
Favicon	32×32	1:1	Browser tab icon; ICO or PNG
Store logo	400×200	2:1	Varies by theme

Product Images: Square at High Resolution

Product images are the most important images in your Shopify store. They directly affect trust and conversion rates. Shopify recommends uploading at 2048×2048 px — square format.

Why square? Shopify’s product grids are designed for consistent square thumbnails. Uploading non-square images can result in white padding, unexpected cropping, or inconsistent grid appearance depending on your theme.

Best practices for product images:

Consistent background across all products — white, light grey, or your brand color

Center the product with space around it — tight crops look cluttered in the grid

Upload at 2048×2048 px so Shopify’s zoom feature has enough resolution to work

Use JPG for photographs; PNG for products with transparent backgrounds

Max file size: 20 MB per image

Collection Images: Represent the Category Clearly

Collection images appear in your store’s navigation and category pages. Upload at 1024×1024 px square — consistency with your product images makes the store look cohesive.

Choose collection images that represent the entire category at a glance — a flat lay of multiple products or your best-selling item in the collection.

Homepage Banners: Design for Mobile First

Your homepage banner (hero image) is displayed at 1920×1080 px on desktop. But most Shopify traffic comes from mobile, where the banner is cropped to a much narrower view.

Design tips for homepage banners:

Keep all text and calls-to-action in the central 60% of the width

Test how the banner looks at mobile widths (around 390×844 px)

Use large, readable text — mobile viewers see a smaller portion of the image

Keep file size under 1 MB for fast page load speed — slow images hurt conversions

File Size and Speed

Page load speed is a ranking factor for Google and a conversion factor for shoppers. Large images are one of the biggest causes of slow Shopify stores.

Product images: keep under 500 KB where possible

Banner images: keep under 1 MB

Use JPG for all photographs (much smaller than PNG at similar quality)

If your images are too large, compress them with imresizer before uploading

How to Resize Images for Shopify Using imresizer

Go to imresizer.com/resize-image-for-shopify
Upload your image
Select your format — Product Image, Collection Image, or Banner
The correct dimensions are applied automatically
Adjust the crop, then download your resized image

All processing runs in your browser — your images never leave your device.

Key Takeaways

Upload product images at 2048×2048 px square with consistent backgrounds for a clean, professional grid. Design homepage banners at 1920×1080 px but test at mobile widths. Keep all images under 500 KB–1 MB to protect page speed. Use imresizer's Shopify resize tool to size and optimize every image before upload.