Optimize images for Shopify — compress product photos, collection banners and slideshow images to the exact sizes Shopify recommends. Free, browser-based, no upload required.
All recommended Shopify image dimensions for 2026. Upload at these exact sizes and compress before uploading to avoid any quality loss from platform-side re-compression.
| Type | Width x Height | Aspect Ratio | Notes |
|---|---|---|---|
| Product Image | 2048 x 2048 px | 1:1 | Square ratio recommended for consistent grid layout |
| Collection Banner | 1024 x 1024 px | 1:1 | Used on collection pages — theme-dependent |
| Slideshow / Hero | 1920 x 1080 px | 16:9 | Full-width hero banners for homepage sections |
| Featured Product | 800 x 800 px | 1:1 | Thumbnail in featured product sections and quick view |
Open the Compress tool, drag-and-drop your Shopify product photos and set quality to 80-85% for the ideal balance between file size and visual clarity.
For collection banners and slideshow images, use Convert to WebP to reduce file size by 25-35% while keeping the same quality — Shopify serves WebP automatically via its CDN.
Download the optimized images and upload them to Shopify. Use the image_url Liquid filter with size parameters like | image_url: width: 600 for responsive loading.
Ready to optimize?
Use Compress to reduce file size without quality loss, or Convert to WebP for an extra 25-35% size reduction.
Shopify accepts images up to 20 MB per file and supports JPEG, PNG, GIF, and WebP formats. However, uploading images that large will hurt your store speed. Aim for under 200 KB per product image after compression for the best performance.
Shopify serves images through a CDN and can convert them to WebP on the fly using the image_url Liquid filter. However, it does not compress the originals you upload. Pre-optimizing with SammaPix before upload ensures the smallest possible file size from the start.
WebP is ideal because Shopify's CDN serves it natively and it is 25-35% smaller than JPEG at the same quality. Upload WebP directly or let Shopify convert — but always compress first to minimize the original file size.
In Liquid templates, add loading='lazy' to your image tags. Dawn and most modern Shopify themes include lazy loading by default. Combine this with pre-compressed images from SammaPix to achieve the fastest possible page loads.
Square images (1:1 ratio) at 2048x2048 px are recommended because Shopify themes display products in a grid. Square images prevent awkward cropping and ensure consistent alignment across your entire catalog.
Optimize for WordPress
4 sizes - Featured Image, Thumbnail, Medium, Full / WooCommerce
Optimize for Wix
4 sizes - Hero Banner, Gallery Image, Logo, Blog Featured
Optimize for Etsy
4 sizes - Listing Image, Search Thumbnail, Shop Banner, Shop Icon
Optimize for Webflow
4 sizes - Hero Background, CMS Thumbnail, Background 2K, Portfolio Image
No uploads
All compression happens entirely in your browser. Your images never leave your device.
Batch process
Optimize multiple images at once with the same settings. Download all as ZIP in seconds.
Free forever
Core optimization tools are completely free. No watermarks, no ads, no file limits.