Updated September 2026

Shopify Image Sizes Guide

Choose better dimensions and aspect ratios for Shopify product photos, collection images, banners and slideshows. The key is not one universal pixel size for every image—it is using the right source quality, ratio and crop-safe composition for the part of the store where the image appears.

Product imagesCollectionsBanners & slideshowsMobile-safe framing
Free browser tool

Check a Shopify product image

Select an image to check its dimensions, aspect ratio, megapixels and file size against Shopify's current product and collection image limits. The file stays on your device.

This check covers Shopify's published limits for product and collection images. Theme images such as banners can use different limits and should also be tested in the active theme.

Shopify image sizes at a glance

Shopify does not require every storefront image to use one fixed dimension. Product and collection media have published upload limits, while banners and slideshows are more dependent on the active theme, screen size and section settings.

Square product images

2048 × 2048 px is the current Shopify Help Center guidance that usually displays best for square product images. Keep featured product images at a consistent 1:1 ratio when you want cleaner grids.

Product & collection upload limits

Shopify currently accepts product and collection images up to 5000 × 5000 px or 25 megapixels, with each image file smaller than 20 MB.

Slideshows & image banners

There is no single official pixel dimension that is correct for every theme. Use consistent aspect ratios, strong source quality and crop-safe composition because responsive themes can crop images differently on desktop and mobile.

Storefront delivery

Shopify automatically optimizes images for the storefront through its CDN and can select image formats appropriate to the visitor's browser. Upload a strong source instead of aggressively pre-compressing it.

Best Shopify product image size

For a conventional square product-photo workflow, 2048 × 2048 px is a practical target because Shopify itself says that size usually displays best for square product images. It provides enough resolution for product detail while maintaining the 1:1 shape commonly used in product and collection grids.

Keep main images consistent

Products shown side by side look more orderly when their featured images use the same aspect ratio. Equal pixel dimensions also make the preparation workflow easier to repeat.

Do not upscale tiny originals

Turning a small source into a 2048 px square increases the dimensions but does not recreate missing detail. Start with a sufficiently large, clean original whenever possible.

Match subject scale too

Two files can both be 2048 × 2048 and still look inconsistent if one product fills the frame while another appears tiny. Keep breathing room and subject scale reasonably similar.

Shopify product and collection image limits

According to Shopify's current product-media documentation, product and collection images can be any size up to 5000 × 5000 pixels or 25 megapixels, and the file must be smaller than 20 MB. These are maximum upload limits, not a recommendation to make every image 5000 pixels wide.

Maximum dimensions

5000 × 5000 px is the published maximum dimension for product and collection images, subject to the 25-megapixel ceiling.

Maximum image area

25 megapixels means width × height must stay within the published total-pixel limit even when neither side reaches 5000 px.

Maximum file size

The image file needs to be under 20 MB to be added as product or collection media.

Use the limit as headroom

A clean 2048 × 2048 product image is far below those maximums. Larger originals can still be useful when your theme or workflow benefits from more source detail.

Shopify slideshow and banner image sizes

For slideshows and image banners, theme behavior matters more than one universal pixel size. Shopify's Help Center emphasizes correct aspect ratio, focal points and responsive behavior. If your theme does not specify a size, 1920 × 1080 px (16:9) is a practical wide starting canvas for a Shopify slideshow or hero image, but it is not an official Shopify requirement. Always preview the actual theme on desktop and mobile because responsive layouts can crop the same image differently.

Use a consistent aspect ratio

When several slides share one slideshow, prepare them with the same proportions. Consistency reduces layout jumps and makes the section easier to control across breakpoints.

Keep the focal subject central

Important products, faces or visual focal points should have breathing room. Shopify lets themes use focal points so the important area can stay prioritized when responsive cropping occurs.

Avoid edge-critical text

Do not bake essential headings or calls to action into the extreme left and right edges of a banner. Mobile crops can remove content that looked safe on desktop.

Test the actual theme

Theme settings such as section height and adaptive image behavior can change how much of an image is visible. Check desktop and mobile previews before publishing.

Need to resize an image for a Shopify slideshow? Start with a 16:9 canvas when your theme calls for a wide image, keep important content near the focal area, and then check the theme preview. Resize a Shopify slideshow image to 16:9. A 1920 × 1080 canvas is a practical starting point, not a universal Shopify specification.

Why Shopify images get cropped

Responsive storefronts need to fit the same media into screens with very different shapes. Shopify documents that slideshow images can be intentionally cropped so key details remain usable across desktop and mobile. The solution is usually not to keep changing random pixel dimensions; it is to prepare the composition for responsive cropping.

Desktop is wide

A banner may show much more horizontal space on desktop, making edge content look comfortably visible.

Mobile is narrow

The same banner can lose horizontal image area on a phone. Keep critical visual information closer to the focal region.

Fit vs. crop is a design choice

For product graphics where every edge matters, a fitted square can preserve all content. For photography, cropping can create a cleaner full-frame result.

JPG, PNG or WebP for Shopify?

Shopify accepts common modern image formats and its image service can serve optimized versions to storefront visitors. The best source format depends on the image itself.

JPG for photography

JPG is a practical source or export format for product photography because it can preserve strong visual quality at a relatively efficient file size.

PNG for graphics

PNG is useful for transparent assets and graphics with text or hard edges where lossless reproduction is valuable.

WebP for web imagery

WebP is supported and can be efficient for web delivery. Shopify's own imagery service also determines suitable storefront formats for the customer's browser.

Upload the best quality you have

Shopify's theme-image guidance says images do not need to be manually compressed before upload. Preserve source quality and let the storefront pipeline handle delivery optimization.

Practical Shopify image checklist

Use a strong original

Start from the cleanest, highest-resolution source available instead of repeatedly resizing an already compressed copy.

Choose the destination ratio

For square product grids, 1:1 is a predictable choice. For banners and slideshows, match the active theme and keep important content crop-safe.

Preview desktop and mobile

Do not approve an image based on one screen size. Responsive sections can crop or reframe the same source differently.

Frequently asked questions

What is the best image size for Shopify products?

Shopify's current Help Center says 2048 × 2048 px usually displays best for square product images. The exact presentation still depends on your theme and storefront layout.

What is the maximum Shopify product image size?

Shopify currently allows product and collection images up to 5000 × 5000 px or 25 megapixels, with the image file smaller than 20 MB.

What size should a Shopify banner be?

There is no single pixel dimension that is correct for every Shopify banner or theme. Use a suitable aspect ratio for the section, keep the focal content away from crop-prone edges and test both desktop and mobile.

What size should a Shopify slideshow image be?

Shopify does not publish one universal slideshow pixel size because themes and section settings vary. If your theme does not specify dimensions, 1920 × 1080 px at 16:9 is a practical wide starting canvas. Keep the focal subject crop-safe and verify the result in your theme's desktop and mobile previews.

Why does my Shopify slideshow image get cropped?

Responsive themes can crop slideshow media to fit different screen shapes and section heights. Use a focal point, consistent aspect ratio and safe margins around important content.

Should all Shopify product images be square?

No universal rule requires every product image to be square, but a consistent 1:1 ratio is useful when you want uniform product and collection grids.

Does Shopify compress images?

Shopify automatically optimizes storefront images through its CDN and image service. Its current guidance says you do not need to manually compress theme images before uploading them.

How can I check whether my image meets Shopify's limits?

Use the Shopify product image checker above. It reads the selected image locally and compares its dimensions, megapixels and file size with Shopify's current product and collection image limits.

Resize your Shopify images

ListingFormat can turn one source image into the Shopify-oriented 2048 × 2048 square preset while giving you control over Fit, Crop, background treatment and output format. Source-image processing happens locally in your browser.

Official Shopify references

This guide was checked against Shopify's current Help Center documentation for product media and online-store images in September 2026. Platform guidance can change, so verify Shopify's current documentation when a specific upload rule is critical to your store.

ListingFormat is an independent image-formatting utility and is not affiliated with or endorsed by Shopify.