Optimaliseer je afbeeldingen
Grote, niet-geoptimaliseerde afbeeldingen zijn een van de meest voorkomende oorzaken van traag ladende e-mails en een slechte mobiele ervaring. Dit artikel legt uit welke formaten, afmetingen en tools je moet gebruiken zodat je afbeeldingen snel laden en er overal scherp uitzien.
Waarom afbeeldingsoptimalisatie belangrijk is
- Snelheid: traag ladende afbeeldingen zorgen ervoor dat lezers je e-mail verlaten voordat die volledig is geladen, vooral op mobiele verbindingen.
- Bestandsgroottegrenzen: de mediabibliotheek van Flexmail heeft een limiet van 2 MB per bestand. Niet-geoptimaliseerde afbeeldingen van een camera of ontwerptool overschrijden dit regelmatig.
- Afleverbaarheid: e-mails met een zeer grote totale bestandsgrootte kunnen door e-mailclients zoals Gmail worden afgekapt, waardoor je inhoud wordt afgesneden.
Kies het juiste bestandsformaat
JPEG
Het beste voor foto's en afbeeldingen met veel kleuren en kleurovergangen. Sla op met een kwaliteit van 80-85% voor een goede balans tussen bestandsgrootte en visuele kwaliteit. Gebruik JPEG voor: productfoto's, evenementfoto's, bannerafbeeldingen en alle fotografische inhoud.
PNG
Het beste voor afbeeldingen met scherpe randen, tekst, logo's of transparantie. PNG behoudt details die JPEG-compressie vervaagt. Gebruik PNG-8 in plaats van PNG-24 waar de kleurdiepte het toelaat. Gebruik PNG voor: logo's, pictogrammen, schermafbeeldingen en afbeeldingen met tekst.
GIF
Gebruik alleen voor geanimeerde afbeeldingen. Houd geanimeerde GIF's kort, klein in afmetingen en met een beperkt kleurenpalet om de bestandsgrootte te beheersen. Zie 'Geanimeerde afbeeldingen in e-mails' voor meer begeleiding.
Verklein voordat je uploadt
E-mailafbeeldingen hoeven niet dezelfde resolutie te hebben als afdrukafbeeldingen. Een standaard e-mail is 600 px breed, dus een afbeelding breder dan 1200 px (voor 2x/Retina-schermen) is meer dan je nodig hebt. Verkleinen naar de werkelijke weergaveafmetingen voor het uploaden vermindert de bestandsgrootte aanzienlijk zonder zichtbaar kwaliteitsverlies.
Comprimeer je afbeeldingen
Zelfs na het kiezen van het juiste formaat en het verkleinen kan het uitvoeren van je afbeeldingen door een compressietool de bestandsgroottes met nog eens 30-70% verminderen zonder zichtbaar kwaliteitsverlies. Handige tools:
- Squoosh (squoosh.app): browsergebaseerd, toont een voor/na-vergelijking
- TinyPNG / TinyJPG (tinypng.com): eenvoudige drag & drop-compressie voor PNG en JPEG
- ImageOptim (imageoptim.com): Mac-app voor batchcompressie
Support tip Als je een foutmelding "bestand te groot" ontvangt bij het uploaden naar de Flexmail-mediabibliotheek, open de afbeelding dan in Squoosh, verlaag de kwaliteit naar 75% en download opnieuw. Dit brengt de meeste afbeeldingen ruim onder de limiet van 2 MB.
Volgende stappen
- Zie 'De mediabibliotheek' om geüploade afbeeldingen in je account te beheren.
- Zie 'Een afbeelding toevoegen' om afbeeldingen in een bericht in te voegen.
- Zie 'Geanimeerde afbeeldingen in e-mails' voor begeleiding bij het gebruik van GIF's.