Optimize Images & Videos for Shopify - Size Guide 2026
Optimize product images for fast-loading Shopify stores.
Shopify Image Sizes
| Type | Dimensions | Aspect Ratio | Max Size | Format |
|---|---|---|---|---|
| Product Image | 2048 x 2048 | 1:1 | 20 MB | JPG, PNG, GIF, WebP |
| Collection Image | 1024 x 1024 | 1:1 | 20 MB | JPG, PNG |
| Slideshow / Hero Banner | 1920 x 1080 (theme dependent) | 16:9 | 20 MB | JPG, PNG |
| Logo | 250 x 250 (theme dependent) | Variable | 5 MB | PNG, SVG |
| Favicon | 32 x 32 | 1:1 | 1 MB | PNG, ICO |
| Blog Post Image | 1200 x 628 | 1.91:1 | 20 MB | JPG, PNG |
Shopify Video Specs
| Type | Resolution | Max Duration | Max File Size | Bitrate | Format |
|---|---|---|---|---|---|
| Product Video | 1920 x 1080 or 4K | 10 minutes | 1 GB | 5-10 Mbps | MP4, MOV |
| 3D Model | N/A | N/A | 15 MB | N/A | GLB, GLTF |
Recommended Compression Settings for Shopify
Image Compression
- Quality Level
- 85-90% for web, 95% for zoom
- Best Format
- WebP (auto-converted by Shopify CDN), JPG source recommended
Video Compression
- Codec
- H.264 with AAC audio
- Video Bitrate
- 5-10 Mbps
- Audio Bitrate
- 128 kbps AAC
Quick Tips for Shopify
Shopify automatically serves WebP via its CDN. Upload high-quality JPG or PNG — Shopify handles the conversion.
Use consistent square (1:1) product images. This ensures uniform grid layouts across collection and search pages.
Keep product images under 500 KB after compression. Large images slow page load, hurting SEO and conversion.
Use 2048 x 2048 for product images to support zoom. Shopify dynamically resizes images for different screen sizes.
Compress hero/slideshow banners aggressively (80% quality). They are large and displayed briefly — smaller files load faster.
Add descriptive alt text to every image. Shopify uses alt text for SEO and accessibility.
Free Tools to Optimize for Shopify
Use our free browser-based tools to resize, compress, and optimize your media for Shopify. No uploads, no signups — 100% private.
Free Image Resizer
Resize images to the exact Shopify dimensions with one-click presets. Batch process up to 10 images.
Resize NowFree Image Compressor
Reduce image file sizes by up to 80% to meet Shopify size limits without visible quality loss.
Compress NowVideo Compressor
Compress videos for Shopify with optimal codec and bitrate settings. Save space without losing quality.
Compress VideoFrequently Asked Questions
What is the best product image size for Shopify?
Use 2048 x 2048 pixels (1:1 square) for product images. This provides sufficient resolution for zoom functionality and displays well across all devices. Shopify supports images up to 4472 x 4472 pixels (20 MP).
Does Shopify convert images to WebP?
Yes, Shopify CDN automatically converts and serves images in WebP format to supported browsers. You do not need to upload WebP files — upload high-quality JPG or PNG and Shopify handles the optimization.
How many product images can I add on Shopify?
Shopify allows up to 250 images per product. However, 5-8 high-quality images is ideal for most products. Include front, back, side views, lifestyle shots, size references, and detail close-ups.
What image format is best for Shopify?
Upload in JPG for photographs and PNG for images requiring transparency (like logos on product mockups). Shopify CDN automatically serves the optimal format. Keep source files at 85-90% quality for the best size-to-quality ratio.
Need More Power?
Compress videos, photos & audio. HEVC, WebP, AVIF, FLAC support. Batch process thousands of files.
$49 one-time
Get MediaOptim for MacFree Online Tools
Resize, compress, and convert images right in your browser. No uploads, no signups.
100% Free
Try Free Tools