Afbeeldingen in emailsjablonen

Gebruik van afbeeldingen in emailsjablonen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

 

  1. Via een verwijzing naar een andere website (url)
  2. Door het uploaden van de afbeeldingen naar OfficeHeart.

 

De tweede optie is de aanbevolen manier omdat hierbij geen afhankelijkheid bestaat van een andere website.

Uploaden door slepen van een afbeelding

Emailsjablonen en de daarin gebruikte afbeeldingen kunnen worden onderhouden onder Beheer – Bestandsbeheer.

 

Emailsjalonen moeten in de map “Emailtemplates” staan of in een van de submappen. Onder “Emailtemplates” kan naar eigen inzicht een mappenstructuur worden aangemaakt.

 

Het uploaden van een afbeelding kan door deze naar de geselecteerde map te slepen. Sleep de afbeelding vanuit bv. de Windows Verkenner naar het rechter deel van het venster. (Slepen naar de inhoud van de map en niet naar de map in de mappenlijst aan de rechterkant van het scherm).

Optimalisatie en gebruik van afbeeldingen

  • Maak de afbeeldingen niet groter dan ze moeten zijn, verschaal deze in een fotobewerkingsprogramma naar de grootte zoals deze moeten zijn.
  • Optimaliseer de afbeeldingen. Maak daarvoor gebruik van een tool zoals https://tinypng.com. Hiermee worden de afbeelding en dus ook het te versturen bericht zo klein en efficient als mogelijk.
  • Sla de afbeeldingen in dezelfde map op als waar het sjabloon in staat. 
  • Voeg de afbeelding in het sjabloon in de HTML code weergave op deze manier:
    <img alt=”OfficeHeart” src=”logo.png” />

Verwijzing naar een afbeelding op een andere website

Verwijzen naar afbeeldingen elders op het internet is ook mogelijk. Dat wordt alleen niet aangeraden. Er kan niet worden gerandeerd dat deze afbeeldingen altijd beschikbaar blijven en de mogelijkheid om de afbeelding af te stemmen op het gebruik is niet altijd aanwezig (grootte en optimalisatie).


Een verwijzing naar een externe afbeelding kan op de onderstaande manier:

<img alt=”OfficeHeart” src=”https://www.officeheart.nl/wp-content/uploads/2021/01/OfficeHeartSiteLogo.png” />