Eisen voor afbeeldingsgrootte bij e-mail en webwinkels

• Afmetingen in pixels (bijvoorbeeld 2048 × 2048 px) bepalen hoe scherp de afbeelding eruitziet en of inzoomen werkt. Die verander je door het formaat van de afbeelding te wijzigen.
• Bestandsgrootte (bijvoorbeeld 20 MB) bepaalt of de upload wordt geaccepteerd en hoe snel de afbeelding laadt. Die verklein je door te comprimeren.
• Bestandsformaat (JPG, PNG, WebP enzovoort) moet een formaat zijn dat het platform accepteert. Dat verander je door het bestand om te zetten.

Bitinz regelt de tweede en de derde: het comprimeert JPG-, PNG- en WebP-bestanden en zet JPG en PNG om naar WebP. Het wijzigt de afmetingen niet, dus stel die eerst in je fotobewerker in.

Twee details zetten mensen vaak op het verkeerde been. De limiet geldt voor alle bijlagen van een bericht samen, dus vijf foto’s van elk 6 MB passen niet onder 25 MB. En bijlagen worden voor verzending gecodeerd, waardoor ze onderweg ongeveer een derde groter worden (Microsoft noemt ongeveer 33%), zodat een bericht dat precies op de limiet zit toch kan worden geweigerd. Houd wat ruimte over.

Foto’s comprimeren voordat je ze bijvoegt, brengt een reeks vaak weer onder de limiet zonder de afmetingen te veranderen. Bij veel grote bestanden is een gedeelde link de betere keuze.

E-maillay-outs zijn smal. Mailchimp ontwerpt zijn sjablonen voor een maximale breedte van 600 pixels, dus een afbeelding van ongeveer 1200 pixels breed blijft scherp op schermen met een hoge pixeldichtheid. Mailchimp raadt aan elke afbeelding onder 1 MB te houden en accepteert JPG, GIF en PNG.

Niet alle e-mailapps tonen WebP, dus gebruik in e-mails JPG voor foto’s en PNG voor logo’s, gecomprimeerd in hun eigen formaat. Zware afbeeldingen maken een e-mail traag om te openen, vooral op een telefoon.

Groter is niet altijd beter: een foto die ver boven de aanbevolen afmetingen zit, doet er langer over om te uploaden en wint niets zodra het platform hem verkleint voor weergave. Mik op de aanbevolen afmetingen en comprimeer daarna.

• Amazon: de hoofdafbeelding heeft een puur witte achtergrond nodig (RGB 255, 255, 255), waarbij het product ongeveer 85% van het beeld vult. Amazon vraagt ook om afbeeldingen met minimale compressie, dus upload originelen van hoge kwaliteit, comprimeer alleen een bestand dat te groot is om te uploaden en controleer het daarna op ware grootte.
• Etsy: geanimeerde GIF’s en transparante PNG’s worden niet ondersteund, en Etsy zet afbeeldingen om naar de sRGB-kleurruimte.
• eBay: maximaal 24 foto’s per advertentie, zonder randen, watermerken of toegevoegde tekst.
• Shopify: PNG en JPG zijn de aanbevolen formaten voor productfoto’s; als je vierkante foto’s allemaal even groot houdt, staan collectiepagina’s netjes in lijn.

1. 01Zoek de actuele eisen van het platform op: de tabellen hierboven, of de officiële pagina’s die hieronder staan.
2. 02Breng de afbeelding in je editor terug tot de aanbevolen afmetingen, niet groter.
3. 03Houd een formaat aan dat het platform accepteert: JPG voor foto’s, PNG voor graphics. Gebruik WebP alleen waar het vermeld staat.
4. 04Comprimeer met Bitinz, met behoud van het formaat, en vergelijk het resultaat met het origineel.
5. 05Controleer de bestandsgroottes ten opzichte van de limiet en houd bij e-mail wat ruimte over.

Op je eigen website bepaal je zelf de regels: zie afbeeldingen comprimeren voor een website en JPG, PNG of WebP: welke gebruik je?.