Shopify Image Sizes: Complete 2026 Guide (Product, Banner, Slideshow)

Key Insights

• There is no single correct shopify product image size for the entire store. Products, banners, slideshows, and collections each have their own ideal dimensions, and using one size everywhere is the most common mistake.
• 2048 x 2048 pixels in a square format is the widely recommended starting point for product photos, since it supports zoom without pixelation and holds up on retina screens.
• Shopify accepts uploads up to 5000 x 5000 pixels and 20 MB per file, but “allowed” and “recommended” are very different numbers, and uploading at the maximum rarely helps.
• Exact pixel dimensions for banners and hero sections vary somewhat by theme, so treat the numbers here as safe, theme-agnostic starting points and confirm against your specific theme’s documentation for pixel-perfect results.

Every shopify product image size question eventually turns into five separate questions, because products, banners, slideshows, collections, and blog posts each behave differently on the page. This guide puts every dimension in one place: what to use for product photos, banners and hero sections, slideshows, collection thumbnails, and the smaller assets (logos, blog images) that are easy to overlook. It also covers Shopify’s platform-wide upload limits and the formatting choices that actually affect load speed, not just the numbers themselves.

Shopify’s Platform-Wide Image Limits

Before getting into specific image types, it helps to know the outer boundaries Shopify enforces across the entire platform. Shopify accepts image uploads up to 5000 x 5000 pixels and 20 MB per file. Anything larger gets automatically resized down, with the aspect ratio preserved, so an oversized upload does not break the store, it just wastes bandwidth and slows down the upload itself.

These are limits, not targets. The recommended dimensions below sit well under this ceiling for almost every image type, since the goal is a sharp, fast-loading image rather than the largest file Shopify will technically accept.

Shopify Product Image Size

The widely recommended shopify product image size is 2048 x 2048 pixels, in a square 1:1 format. This resolution supports Shopify’s built-in zoom feature without visible pixelation, looks sharp on high-density retina displays, and stays comfortably under the file size limit when exported as an optimized JPEG or WebP.

Square format matters more than the exact pixel count. A consistent aspect ratio across every product photo keeps collection grids and product pages looking uniform, while mixed portrait, landscape, and square images in the same catalog create a visibly uneven, unfinished look.

Product image file size and format. Keep individual product photos under roughly 200 KB after compression where possible. JPEG remains the most reliable format for product photography, and Shopify automatically serves WebP versions to browsers that support it, which typically cuts file size by 25 to 35 percent without any extra work required.

Shopify Banner and Hero Image Size

Banner and hero images are the widest-ranging category, since recommendations shift depending on whether the image sits full-width on the homepage or inside a contained section, and different themes crop them differently. A safe, broadly compatible starting point is 1920 x 1080 pixels at a 16:9 aspect ratio for a full-width desktop hero.

The harder part is not the desktop number, it is designing for the crop that happens on mobile. Keep any text or key visual elements centered within roughly the middle 60 percent of the frame, since mobile screens crop banner edges aggressively, sometimes cutting 30 to 40 percent of the horizontal width depending on the theme.

Shopify Slideshow Image Size

Slideshow images need one rule above all others: every slide in the same slideshow should share identical dimensions. Mismatched slide sizes cause a visible layout shift every time the slideshow transitions, which reads as broken even when each individual image looks fine on its own.

A safe range for slideshow images is roughly 1600 pixels wide by 600 pixels tall, though anywhere from 1200 to 2000 pixels wide with a proportional height works depending on the theme’s slideshow section. Limiting a slideshow to two or three slides, rather than five or six, also tends to perform better, since most visitors only ever see the first slide before scrolling past it.

Shopify Collection Image Size

Collection images work best as a uniform square, and 1024 x 1024 pixels is the most commonly recommended shopify collection image size across current theme documentation. These images function as category thumbnails, so clarity at a small display size matters more than fine detail, and a clean, simple visual reads better in a grid than a busy or cluttered one.

Logo, Blog, and Favicon Sizes

A handful of smaller image types get overlooked in most size guides, but they affect the store’s polish just as much as product photos do.

Logos work best as a transparent PNG with a flexible width-to-height ratio around 2:1 (roughly 200 x 100 pixels as a baseline), since most themes scale the logo automatically based on header configuration and screen size. Blog featured images generally follow a landscape ratio close to 1200 x 800 pixels, matching the width of the theme’s content column. Favicons should be a simple, square PNG, since Shopify generates the various sizes browsers and devices need from a single source image.

Formats That Affect Load Speed

JPEG remains the standard choice for photographic content (products, banners, slideshows) because it balances quality and file size well. PNG is the better choice specifically for images that need transparency, like logos and icons, since JPEG cannot support a transparent background. Shopify automatically converts eligible images to WebP for browsers that support it, which is a meaningful, free performance gain that requires no extra work beyond uploading a properly sized, properly compressed original image to begin with.

The Most Common Image Sizing Mistakes

A handful of mistakes show up repeatedly across Shopify stores, regardless of niche. Mixing aspect ratios within the same product catalog, so some items appear square and others portrait or landscape in the same collection grid, is the most visible one. Designing a banner around a desktop screen only, then discovering the headline text gets cropped out entirely on mobile, is a close second. Uploading images at Shopify’s maximum allowed size out of caution, rather than the recommended size, which slows down page load without adding any visible quality benefit, rounds out the list. Each of these is a one-time fix that pays off on every page view afterward, which makes them worth catching before a full catalog gets uploaded rather than after.

A store with genuinely inconsistent image sizing across products, collections, and banners is usually a sign the original build skipped a proper design pass rather than a sign of carelessness. ShopNinjas runs into this constantly during store audits: the fix is rarely re-shooting every photo, it is standardizing dimensions and cropping rules once, then applying them consistently going forward.

Pro Tip 💡

Before uploading a full catalog, create one image at each recommended size (product, collection, banner) and preview it on an actual phone, not just a browser window resized smaller. Real mobile cropping and scaling behavior often looks different from what a resized desktop browser suggests.

FAQ

What is the maximum image size Shopify allows?

Shopify accepts uploads up to 5000 x 5000 pixels and 20 MB per file. Images larger than that are automatically resized down with the aspect ratio preserved, though staying well under this limit with a properly sized original is better for both quality and upload speed.

What size should a Shopify banner or hero image be?

A safe, broadly compatible starting point is 1920 x 1080 pixels at a 16:9 ratio for a full-width desktop hero, though exact dimensions vary by theme. Keep important text and visuals centered in the middle 60 percent of the frame, since mobile devices crop banner edges aggressively.

Do all slideshow images need to be the same size?

Yes. Mismatched slideshow image dimensions cause a visible layout shift during slide transitions. A safe range is roughly 1600 pixels wide by 600 pixels tall, but the exact number matters less than every slide sharing identical dimensions.

What size should Shopify collection images be?

1024 x 1024 pixels in a square format is the most commonly recommended shopify collection image size. Since collection images function as small category thumbnails, a clean, simple visual reads better at that size than a highly detailed one.

Does Shopify automatically compress or optimize images?

Shopify automatically converts eligible images to WebP for supporting browsers, typically reducing file size by 25 to 35 percent. It does not fix a poorly sized or overly large original upload, so starting with correctly sized, compressed source images still matters.

Ready to Get Started?

Getting shopify product image size right across every image type, not just product photos, is what separates a store that feels polished from one that feels slightly off without an obvious reason why. Use 2048 x 2048 for products, keep banners centered for mobile cropping, match every slideshow slide exactly, and standardize collection images at 1024 x 1024. If your current image sizing is inconsistent across the store and you want it fixed properly as part of a broader design pass, ShopNinjas can audit the whole storefront, not just the images. Get in touch to talk through a design refresh.