> For clean Markdown of any page, append .md to the page URL. > For a complete documentation index, see https://docs.laposta.org/llms.txt. > For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.laposta.org/_mcp/server. # Waarom ziet je nieuwsbrief er in de mailbox anders uit dan in de preview? > Elk apparaat en e-mailprogramma toont je nieuwsbrief net iets anders. Bekijk waar de verschillen vandaan komen en hoe je je nieuwsbrief test. Elk apparaat, besturingssysteem en e-mailprogramma bouwt een nieuwsbrief net iets anders op. De sjablonen van Laposta zorgen ervoor dat je nieuwsbrief er op elke desktop, tablet en smartphone goed uitziet, maar kleine verschillen blijven bestaan. Outlook levert daarbij de grootste afwijkingen. Daarom kun je bij het maken van een nieuwsbrief (in stap 4) niet tot op de pixel bepalen hoe het eindresultaat eruitziet. ## Veelvoorkomende verschillen in de mailbox Vooral de weergave van tekst verschilt per e-mailprogramma: de lettergrootte, het precieze lettertype en de regelafstand. Sommige programma's veranderen ook de kleur van links en telefoonnummers om te laten zien dat je relatie ze kan aanklikken, bijvoorbeeld om te bellen of om Skype te starten. | Wat je in de mailbox ziet | Waar het vandaan komt | | ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | Een ander lettertype, een andere regelafstand of tekst die net niet uitlijnt | Het e-mailprogramma bouwt de tekst zelf op en ondersteunt niet elk lettertype. Zie: [Regelafstand in oude campagnes](/waarom-zie-ik-een-andere-regelafstand-of-ander-lettertype). | | Een telefoonnummer, adres of e-mailadres dat wegvalt of van kleur verandert | Het programma of het apparaat maakt er automatisch een link van. Zie: [telefoonnummer of adres niet zichtbaar](/waarom-is-het-telefoonnummer-of-adres-niet-zichtbaar-in-mijn-nieuwsbrief). | | Horizontale lijnen tussen je blokken | Een bekend probleem in Outlook 2016 en 2019. Zie: [horizontale lijnen in Outlook](/horizontale-lijnen-in-outlook-2016). | | Andere woorden dan je hebt getypt | Komt voor bij Gmail in de mobiele weergave op een iPhone. Zie: [andere woorden in je nieuwsbrief](/waarom-worden-soms-hele-andere-woorden-getoond-in-mijn-nieuwsbrief). | | Een nieuwsbrief die halverwege stopt, met een link 'Hele bericht weergeven' | Gmail breekt e-mails af die te groot zijn. Zie: [Gmail breekt je nieuwsbrief af](/waarom-breekt-gmail-mijn-nieuwsbrief-af). | | Omgekeerde of gedempte kleuren | Je relatie leest in de donkere modus, waarin het e-mailprogramma kleuren aanpast. Zie: [donkere modus](/donkere-modus-dark-mode). | | Opmaak die is weggevallen nadat iemand je mail doorstuurde of beantwoordde | Het e-mailprogramma van de ontvanger herschrijft dan de code. Zie: [doorsturen en beantwoorden](/hoe-kan-het-dat-mijn-nieuwsbrief-bij-doorsturen-en-beantwoorden-er-niet-goed-uitziet). | ## Beperkingen in het ontwerp Vier beperkingen kom je bij vrijwel elk ontwerp tegen. Ze zijn niet op te lossen met betere code, maar volgen uit de manier waarop e-mailprogramma's een nieuwsbrief opbouwen: * Maximale breedte van 620 pixels. Een nieuwsbrief neemt bijna nooit het hele scherm in: ernaast staan kolommen met mappen, andere e-mails en agenda's. Blijf onder 620 pixels, anders valt een deel buiten het venster en moet je relatie horizontaal scrollen. * Geen exacte plaatsing van elementen. Binnen een blok kun je niet aangeven waar een element, zoals een afbeelding, precies komt te staan. * Verschillen in de lengte van je tekst. Omdat de ruimte tussen letters en de regelafstand per programma variëren, verandert ook de tekstlengte. Twee kolommen die in het ene programma precies uitgelijnd staan, lopen in het andere net uit de pas. * Geen ronde hoeken in Outlook. Ronde hoeken werken daar niet, waardoor je nieuwsbrief er in Outlook anders uitziet dan in andere e-mailprogramma's. Outlook ondersteunt sowieso veel moderne e-mailfunctionaliteit niet waar andere programma's geen moeite mee hebben, en de verwachting is niet dat Microsoft dit op korte termijn wezenlijk verbetert. ## Tips voor het ontwerpen van je nieuwsbrief Omdat de exacte uitlijning niet vastligt, heeft het weinig zin om een regel in de ene kolom precies op de hoogte van een foto in de andere kolom te laten beginnen. Woorden of getallen uitlijnen met spaties en lange woorden zelf afbreken werkt om dezelfde reden niet: in de preview klopt het, maar in de e-mailprogramma's van je relaties pakt het net anders uit. Een pakkende inhoud met een overzichtelijke, rustige vormgeving is daarom de veiligste keuze. Afbeeldingen werken daarbij goed, maar gebruik niet te veel afbeeldingen ten opzichte van de hoeveelheid tekst. ## Het resultaat controleren De preview toont je nieuwsbrief in je browser. Met de twee pictogrammen rechtsboven kun je wisselen tussen de weergave op een computer en op mobiel. Meer hierover lees je in [Een preview van je nieuwsbrief bekijken](/kan-ik-van-mijn-nieuwsbrief-een-preview-zien). Ook die mobiele weergave blijft een benadering, omdat er zoveel soorten en maten tablets en smartphones zijn. Wil je zien wat een e-mailprogramma er werkelijk van maakt, stuur dan [een testmail](/kan-ik-van-mijn-nieuwsbrief-eerst-een-testmail-versturen) en bekijk die in de programma's die je relaties gebruiken, zoals op je eigen mobiel, in Gmail en in Outlook. Zet daarbij ook de donkere modus eens aan. Kom je een apparaat tegen waarop je nieuwsbrief niet goed wordt weergegeven, neem dan contact op met de helpdesk. ## Gerelateerde artikelen #### [Een preview van je nieuwsbrief bekijken](/kan-ik-van-mijn-nieuwsbrief-een-preview-zien) Controleer tijdens het maken hoe je nieuwsbrief er in de browser uitziet en wissel… #### [Waarom verdwijnt de opmaak bij het doorsturen van je nieuwsbrief?](/hoe-kan-het-dat-mijn-nieuwsbrief-bij-doorsturen-en-beantwoorden-er-niet-goed-uitziet) Als iemand een e-mail doorstuurt of beantwoordt, past het e-mailprogramma de HTML-code… #### [De previewtekst van je nieuwsbrief invullen](/hoe-gebruik-ik-de-previewtekst) Vul een tekst in die ontvangers in hun inbox naast de onderwerpregel zien, nog voordat… #### [De mobiele weergave van je nieuwsbrief aanpassen](/opmaak-voor-desktop-of-mobiele-weergave) Stel de opmaak en zichtbaarheid van je nieuwsbrief apart in voor desktop en smartphone.