Shopify afbeeldingsgroottegids (2026)
Shopify accepteert bijna elk beeld en laat vervolgens je theme beslissen hoe het wordt weergegeven — precies hoe catalogi terechtkomen met mismatched grids, wazige zooms en heroes die op mobiel worden bijgesneden. Deze gids meldt Shopify's echte platformlimieten, de formaten die werken over themes heen, en hoe je een hele catalogus naar specificatie herschaalt.
Het korte antwoord
- Productafbeeldingen: 2048 × 2048 px vierkant is de aanbevolen grootte — groot genoeg voor zoom, klein genoeg om snel te laden.
- Platformlimieten: tot 5000 × 5000 px (25 megapixels) en onder 20 MB per afbeelding.
- Zoom heeft meer nodig dan 800 × 800 px — daaronder schakelen themes het uit.
- Hero- en bannersizes hangen van het theme af; 1920 × 1080 px (16:9) is een veilige basis voor full-width secties.
Shopify product- en collectie afbeeldingsformaten
Deze limieten gelden platformbreed; hoe afbeeldingen worden weergegeven, bepaalt je theme. Vierkante producten zijn de cross-theme conventie.
| Onderdeel | Aanbevolen | Minimum | Verhouding | Opmerkingen |
|---|---|---|---|---|
| Product image | 2048 × 2048 px | More than 800 × 800 px for zoom | 1:1 (keep the whole catalog consistent) | Platform max 5000 × 5000 px or 25 megapixels; file size under 20 MB. |
| Collection image | 2048 × 2048 px | — | 1:1 (or your theme's collection ratio) | Use the same ratio across all collections to keep grids aligned. |
| Supported formats | JPEG or WebP for photos, PNG for graphics with transparency | — | — | Shopify also accepts HEIC and GIF; its CDN serves optimized responsive variants automatically. |
Shopify hero-, logo- en favicon-formaten
Exacte weergavegroottes hangen af van je theme — controleer de aanbeveling in de theme-editor voor elke plek; dit zijn veilige cross-theme basiswaarden.
| Onderdeel | Aanbevolen | Minimum | Verhouding | Opmerkingen |
|---|---|---|---|---|
| Hero / slideshow image | 1920 × 1080 px (16:9) | — | 16:9 (theme-dependent) | Full-width secties worden verticaal bijgesneden op mobiel — houd het onderwerp gecentreerd. |
| Logo | Upload op 2× de weergegeven grootte voor Retina-schermen | — | — | Weergavegrootte wordt door het theme ingesteld; PNG met transparantie is standaard. |
| Favicon | 32 × 32 px | — | 1:1 | Shopify schaalt de upload naar 32 × 32 px. |
| Blog / featured image | 1920 × 1080 px | — | 16:9 | Een consistente ratio voorkomt layout shift in bloggrids. |
Houd je catalogus consistent (en je zoom werkend)
Standaardiseer de hele catalogus op één vierkante maat
Gemengde afmetingen zorgen dat productgrids rommelig ogen. Herschalen elke productafbeelding naar hetzelfde 2048 × 2048 px vierkant — vul op of genereer achtergronden opnieuw in plaats van het product uit te rekken.
Stuur nooit afbeeldingen op van 800 px of kleiner
Shopify-themes schakelen de zoom uit bij ongeveer 800 × 800 px. Zoom is waar kopers materiaal en detail inspecteren, behandel 2048 px dus als je export-minimum voor producten.
Laat Shopify's CDN de compressie doen
Shopify levert responsieve, geoptimaliseerde varianten (inclusief WebP) automatisch. Upload een schone, hoge-resolutie bron in plaats van die tot niets te comprimeren — te kleine uploads geven de CDN niets om mee te werken.
Let op de mobiele bijsnijding bij heroes
Full-width hero-secties worden sterk bijgesneden op telefoons. Houd het onderwerp en eventuele tekstveilige zone in het midden van het frame en bekijk de sectie op mobiele breedte voordat je publiceert.
Schrijf alt-tekst terwijl je bezig bent
Alt-tekst is een rankingfactor voor Google Images en een vereiste voor toegankelijkheid. Beschrijf het product, niet een lijst met zoekwoorden.
Herschalen in bulk, niet één voor één
Een catalogus met gemengde formaten is een batchklus: laat elke SKU door dezelfde resize-en-padstap lopen (of regenereer op schone achtergronden) zodat nieuwe uploads standaard op-specificatie binnenkomen.
Herschalen van je hele catalogus naar Shopify-specificatie
Upload productfoto's en exporteer een consistente set — schone achtergronden, exacte 2048 × 2048 px vierkanten, plus lifestyle- en hero-crops uit dezelfde bron. Plans from $19/month.
Veelgestelde vragen
What is the best image size for Shopify products?
2048 × 2048 px square. It is well above the zoom threshold, renders sharply on retina screens, and stays far below Shopify's 25-megapixel and 20 MB limits.
What is the maximum image size Shopify allows?
5000 × 5000 px, or 25 megapixels total, with a file size under 20 MB. Images over either limit fail to upload.
Why won't Shopify accept my image?
Almost always one of three limits: more than 25 megapixels (width × height), a file over 20 MB, or an unsupported format. Resize so neither side exceeds 5000 px and export as JPEG, PNG, or WebP.
What aspect ratio should Shopify product images be?
1:1 square is the cross-theme convention for products and collections. Heroes and banners are usually 16:9 or wider, but the exact ratio is set by your theme — check the theme editor's per-slot recommendation.
Does Shopify compress images automatically?
Yes. Shopify's CDN generates responsive variants and serves modern formats like WebP automatically. Upload the best source you have; don't pre-compress it heavily.
What size should a Shopify hero image be?
1920 × 1080 px (16:9) is a safe baseline for full-width hero and slideshow sections. Your theme may recommend a different ratio — the theme editor shows the ideal size per section.
How do I resize product images for Shopify?
Resize and pad every image to the same square canvas (2048 × 2048 px) instead of stretching or cropping the product. For a whole catalog, batch the job: an AI product-photo tool can regenerate each SKU on a clean background at exact dimensions in one pass.
What size should Shopify collection images be?
Match your product images: 2048 × 2048 px squares, or whatever single ratio your theme's collection grid uses. Consistency matters more than the exact number.
Officiële referentie: Shopify Help Center: Product media types