Hoe e-mailafbeeldingen te ontwerpen

E-mails geschreven in HTML kunnen afbeeldingen bevatten en het ontwerpen van deze afbeeldingen vereist speciale zorg. U wilt waarschijnlijk dat de grafische weergave overeenkomt met het uiterlijk van uw website en het gevoel van uw merk, maar u moet ook de grafische weergave correct weergeven in een groot aantal e-maillezers. Grote afbeeldingen zorgen ervoor dat uw e-mail langzaam wordt geladen en sommige e-mailgebruikers staan ​​hun e-mailclients helemaal geen grafische afbeeldingen toe. Voor de beste resultaten moet u ervoor zorgen dat uw e-mailafbeeldingen voldoen aan de vereisten van het medium.

1.

Beperk de breedte van uw e-mailafbeeldingen tot 600 pixels. Houd de breedte van uw afbeelding onder deze drempelwaarde om ervoor te zorgen dat uw e-mail zichtbaar is op de meeste monitoren en bij de meeste e-mailclients zonder dat dit resulteert in een horizontale schuifbalk.

2.

Optimaliseer de grootte van uw afbeeldingen om de tijd te verminderen die uw e-mail nodig heeft om te laden. Bepaal de grootte van de afbeelding in de e-mail en gebruik software zoals Photoshop of GIMP om de grootte in pixels op te geven. Stel de resolutie van de afbeelding in op 72 dots per inch om een ​​afbeelding te krijgen die op een scherm helder lijkt maar een kleine bestandsgrootte heeft.

3.

Upload uw afbeeldingen naar een website en gebruik HTML om de afbeeldingen in uw e-mail op te nemen. Gebruik de absolute URL van de afbeelding in plaats van een relatieve URL wanneer u de afbeelding in uw e-mail plaatst. Voeg de afbeeldingen niet toe aan uw e-mail in een poging afbeeldingen toe te voegen, omdat dit resulteert in een groter bestand dat langer duurt om te worden geladen in de e-mailclient van een ontvanger.

4.

Neem alternatieve tekst op met uw afbeeldingen voor blinden en degenen die hun e-mailclients configureren om geen afbeeldingen weer te geven. Voeg parameters zoals "alt =" Kaart naar school "" (met uitzondering van de externe aanhalingstekens) toe aan het gedeelte van de HTML dat naar de afbeelding verwijst, of gebruik uw webontwerpsoftware om de alternatieve tekst toe te voegen.

5.

Test uw e-mailafbeeldingen door e-mails naar meerdere ontvangers te verzenden. Zorg ervoor dat ten minste een van uw testontvangers alle belangrijke webbrowsers gebruikt, inclusief Internet Explorer, Mozilla Firefox, Google Chrome en Safari voor Apple en Windows. Controleer ook uw e-mail in meerdere e-mailclients, zorg ervoor dat de grafische afbeeldingen van de e-mail worden weergegeven en passen in het voorbeeldvenster.

Tip

  • Houd de sjabloonafbeeldingen van uw e-mail eenvoudig. De verhalen en afbeeldingen in de e-mail moeten opvallen in de sjabloon en niet worden overweldigd door de afbeeldingen van de sjabloon.

waarschuwingen

  • Een e-mail kan er in één e-mailclient geweldig uitzien, maar in een andere e-mail slecht weergeven. De e-mailclient van de ontvanger, de webbrowser en het besturingssysteem hebben allemaal invloed op hoe de e-mail wordt weergegeven.
  • Gebruik de parameters "width" en "height" niet in de HTML van uw e-mail om afbeeldingen te schalen. Met deze tags kan de afbeelding kleiner lijken, maar wordt de fysieke grootte van het bestand niet gewijzigd.
  • E-mailclients kunnen uw afbeeldingen niet vinden als u relatieve URL's gebruikt, dat wil zeggen dat "../images/dog.jpg" een relatieve URL is terwijl "//www.yoursite.com/images/dog.jpg" is een absolute URL.
 

Laat Een Reactie Achter