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.
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.
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 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.
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.
Shopify currently accepts product and collection images up to 5000 × 5000 px or 25 megapixels, with each image file smaller than 20 MB.
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.
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.
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.
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.
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.
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.
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.
5000 × 5000 px is the published maximum dimension for product and collection images, subject to the 25-megapixel ceiling.
25 megapixels means width × height must stay within the published total-pixel limit even when neither side reaches 5000 px.
The image file needs to be under 20 MB to be added as product or collection media.
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.
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.
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.
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.
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.
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.
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.
A banner may show much more horizontal space on desktop, making edge content look comfortably visible.
The same banner can lose horizontal image area on a phone. Keep critical visual information closer to the focal region.
For product graphics where every edge matters, a fitted square can preserve all content. For photography, cropping can create a cleaner full-frame result.
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 is a practical source or export format for product photography because it can preserve strong visual quality at a relatively efficient file size.
PNG is useful for transparent assets and graphics with text or hard edges where lossless reproduction is valuable.
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.
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.
Start from the cleanest, highest-resolution source available instead of repeatedly resizing an already compressed copy.
For square product grids, 1:1 is a predictable choice. For banners and slideshows, match the active theme and keep important content crop-safe.
Do not approve an image based on one screen size. Responsive sections can crop or reframe the same source differently.
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.
Shopify currently allows product and collection images up to 5000 × 5000 px or 25 megapixels, with the image file smaller than 20 MB.
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.
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.
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.
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.
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.
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.
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.
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.