Zoeken

Weergave van je mailing in Outlook

Helaas kunnen er ongewenste en onverwachte weergavefouten optreden bij het weergeven van nieuwsbrieven en mailings in Microsoft Outlook 2007, 2010 en 2013.

Om je te helpen bij het ontwerpen van je mailing en mogelijke frustraties te voorkomen, geven we je graag wat handige tips en trucs. Deze moeten je helpen obstakels te vermijden en kleine aanpassingen te maken, zodat je een aantrekkelijke presentatie van je e-mails krijgt:

De weergave van e-mails in Outlook verbeteren

Verschillende lettergroottes en lettertypes

De lettertypen die je gebruikt in je e-mail kunnen qua grootte en stijl verschillen van de lettertypen die je hebt geselecteerd in de sleep-en neerzet-editor. Let op:

  1. Inheemse lettertypen zoals Arial en Calibri worden correct weergegeven in alle e-mailclients, inclusief Outlook. Google lettertypes worden daarentegen bijna altijd anders weergegeven.
  2. De weergave van lettertypen in e-mailclients is afhankelijk van verschillende factoren, waaronder het besturingssysteem (PC/MAC) en de webbrowser die de ontvanger gebruikt.

Opmerking: We raden aan om standaard systeemlettertypen te gebruiken voor je e-mailcampagnes.

Marges rond afbeeldingen worden niet weergegeven

In alle versies van Outlook (behalve Outlook.com) wordt geen rekening gehouden met marges rond afbeeldingen. Dit betekent dat er mogelijk geen ruimte is tussen je tekst en de afbeelding, zelfs als je marges hebt toegevoegd in de instellingen.

Opmerking: Daarom moet voor de gewenste tussenruimte opvulling of tabelcellen met vaste hoogtes worden gebruikt. Je kunt ook werken met hspace en/of vspace:
<img scr="http://www.test.de/test.jpg" align="left" vspace="10" hspace="10" />

Afbeeldingen worden niet correct weergegeven

  1. Outlook ondersteunt geen achtergrondafbeeldingen. 

  2. Te lange afbeeldingen worden bovenaan afgesneden als ze groter zijn dan 1728 pixels. Als je afbeelding bijvoorbeeld 2000 pixels hoog is, worden 272 pixels van de bovenkant afgesneden.

  3. Afbeeldingen met andere afmetingen dan de originele afbeelding worden onjuist weergegeven als ze bijvoorbeeld worden uitgerekt. Afbeeldingen moeten altijd de juiste afmetingen hebben in de HTML-code als de afbeeldingen belangrijk zijn voor de lay-out. Bij voorkeur zijn de beelden vooraf bewerkt.
  4. Geanimeerde GIF's worden niet langer ondersteund sinds Outlook 2007.
  5. Afbeeldingen die zijn samengevoegd via HTML kunnen ongewenste spaties veroorzaken (ongeveer 10 pixels) in Outlook 2013, terwijl ze in Outlook 2010 en 2007 correct worden weergegeven.

Knoppen zijn onjuist

  1. Knoppen met onjuiste tekst of tekst die naar een tweede regel wordt gewikkeld, zijn het gevolg van een renderprobleem in Outlook.

    Opmerking: probeer de padding van je knop groter te maken dan de lettergrootte.

  2. Je kunt ook een afbeelding van een knop invoegen en deze uploaden naar je e-mail, net als elke andere afbeelding. Door de afbeelding te koppelen, kunnen ontvangers die op de afbeelding klikken worden omgeleid naar je opgeslagen URL.

  3. Knoppen met afgeronde hoeken worden in Outlook weergegeven als rechthoeken. Dit gebeurt omdat de border-radius CSS eigenschap niet van nature wordt ondersteund. Om knoppen met afgeronde hoeken te laten verschijnen in Outlook, moet je een afbeelding van je knop maken en deze importeren in je e-mail zoals vermeld in stap 2.

De weergave van tabellen aanpassen

  1. Over het algemeen moeten nieuwsbrieven worden gemaakt in tabelopmaak (met vaste breedtes) en moeten divs worden vermeden.
  2. Tabellen maken automatisch een ongewenste opening als ze hoger zijn dan ongeveer 1790 pixels. Outlook wil hiermee een onderverdeling forceren. Dit kan worden omzeild door met meerdere tabellen te werken.

  3. Voor tabellen (<table>) moet je cellpadding en cellspacing gebruiken, omdat margin en padding vaker worden doorgegeven aan hun tabelcellen.

  4. Automatische regeleinden moeten handmatig worden aangepast met de inline stijl van een tabelcel als de woorden te lang zijn.
  5. Outlook voegt automatisch een rand van 1px in rond cellen.

Opmerking: Vermijd lijsten als de spatiëring belangrijk is. In plaats daarvan moet je tabellen gebruiken (<table>) met hun cellen.

Outlook heeft meestal problemen met zelfgeprogrammeerde sjablonen. Test in dergelijke gevallen het gebruik van een basistemplate van CleverReach.

Help & Ondersteuning

Houd er rekening mee dat we geen gedetailleerde ondersteuning kunnen bieden voor weergaveproblemen in Microsoft Outlook.
Als je vragen hebt of hulp nodig hebt, kun je altijd contact opnemen met ons serviceteam.