Shopify is vergevingsgezinder over afbeeldingsafmetingen dan een marktplaats als Amazon — het toont vrolijk vrijwel alles. Die flexibiliteit is een valkuil. Upload enorme, inconsistente bestanden en je thema rendert een traag, ongelijk raster waar sommige producten scherp ogen en andere bijgesneden of piepklein. Je formaten meteen goed krijgen laat de hele winkel professioneel aanvoelen en snel laden.
Formaten en themagedrag evolueren, dus behandel deze als de gangbare, breed gebruikte aanbevelingen en bevestig ze tegen de documentatie van je huidige thema.
Aanbevolen formaten
| Afbeeldingstype | Gangbare aanbeveling | Beeldverhouding |
|---|---|---|
| Productfoto's | 2048 × 2048 px | 1:1 (vierkant) |
| Vierkant is overall het veiligst | tot 4472 × 4472 px max | 1:1 |
| Collectie / thumbnails | ~1024 × 1024 px | 1:1 |
| Slideshow / herobanner | ~1600 px breed (of breder) | 16:9 of themabepaald |
| Max bestandsgrootte | 20 MB per afbeelding (mik veel lager) | — |
Twee dingen tellen meer dan enig enkel getal.
Kies één beeldverhouding en houd eraan vast. Shopify-thema's ogen het best wanneer elke productfoto dezelfde vorm deelt. Vierkant (1:1) is de betrouwbaarste keuze omdat het in vrijwel elk themaraster past zonder ongemakkelijk bijsnijden. Meng je vierkant, staand en liggend, dan ziet je raster er rafelig uit.
2048 × 2048 is de zoete plek voor producten. Het is scherp genoeg voor Shopify's ingebouwde zoom op desktop, verkleint schoon voor thumbnails en mobiel, en blijft ruim onder het bestandsgrootteplafond. Groter dan dat voegt meestal alleen gewicht toe.
Standaardiseer de hele catalogus in één keer
Tientallen productfoto's met de hand verkleinen is waar een middag verdwijnt. Doe het niet. De E-commerce Afbeeldingsverkleiner heeft een Shopify-preset die vierkanten van 2048 × 2048 op een witte achtergrond uitvoert, met elk product automatisch gecentreerd en een marge die je kunt aanpassen zodat niets de rand raakt. Zet een map erin, krijg een ZIP terug — elke afbeelding hetzelfde formaat, dezelfde vorm, dezelfde kadering.
Die consistentie is wat een Shopify-raster ontworpen laat ogen in plaats van in elkaar gezet.
Snij daarna het bestandsgewicht weg
Juiste afmetingen lossen de lay-out op. Bestandsgewicht lost snelheid op — en snelheid is geld op Shopify, waar trage pagina's stilletjes conversies kosten en je zoekpositie schaden.
Een foto van 2048 px rechtstreeks van een camera kan meerdere megabytes zijn. Dat is veel meer dan de pagina nodig heeft. Haal elke afbeelding door de Afbeeldingscompressor: voor foto's snijdt kwaliteit 75–85 het bestand doorgaans met 40–70% zonder zichtbaar verschil; PNG's worden automatisch gequantiseerd. De compressor geeft nooit een bestand groter dan wat je gaf, dus je kunt de hele winkel veilig in batch verwerken.
Een volgorde die goed werkt:
- Verklein naar 2048 × 2048 met de Shopify-preset.
- Comprimeer op kwaliteit 75–85 (of laat PNG-quantisatie lopen).
- Upload — dezelfde vorm, kleine bestanden, snel raster.
WebP, JPG of PNG?
Shopify serveert automatisch WebP aan browsers die het ondersteunen, dus je hoeft over het algemeen niet zelf formaten te converteren. Upload schone JPG's voor foto's en PNG's alleen voor graphics die transparantie of scherpe tekst nodig hebben. Laat het platform de formaatlevering afhandelen; jouw taak is juist gemaatte, goed gecomprimeerde bronbestanden verzenden.
Alles blijft op je machine
Beide tools draaien geheel in je browser met Canvas en WebAssembly — geen upload, geen account, geen watermerk. Je productfoto's raken nooit een server. Na het eerste bezoek zijn de tools gecachet en blijven ze offline werken, dus je kunt een volledige catalogus voorbereiden in een trein en uploaden zodra je weer online bent.
Maak het vierkant, geef het formaat 2048, comprimeer het, en je Shopify-winkel laadt snel en oogt als één coherente winkel in plaats van een hoop willekeurige uploads.