Controleer de HTML van je e-mail
Mailprogramma’s geven een kleine, verouderde deelverzameling van HTML weer, en elk op zijn eigen manier. Dit laat zien welke onderdelen de reis niet overleven — voordat je het van een collega hoort.
- Draait volledig in je browser
- Werkt offline
- Geen upload
- Geen registratie
- Geen watermerk
De tool wordt geladen…
Hoe het werkt
- Plak de HTML van het bericht — uit de broncodeweergave van je nieuwsbrieftool, of het bestand dat je op het punt staat te versturen.
- Lees de bevindingen, en daarna de tabellen met links en afbeeldingen.
- Gebruik de preview om de smalle breedtes, de donkere modus en vooral hoe het eruitziet met afbeeldingen geblokkeerd te controleren.
Waarom er niets wordt geüpload
Alles wat deze pagina doet, doet code die in je browsertabblad draait, met dezelfde engine die ook webpagina’s tekent. Je bestand wordt van schijf naar het geheugen van dat tabblad gelezen, daar bewerkt en weer weggeschreven als download. Het wordt nergens naartoe gestuurd — niet naar ons, en niet naar een derde partij.
Controleer het zelf
- Open de ontwikkelaarstools van je browser (F12) en kies het tabblad Netwerk.
- Laad je bestand en start de tool.
- De enige verzoeken die je ziet, halen de code van de tool zelf op — en bij een paar zware tools hun opensource-engine van een openbare CDN — plus één kleine bezoekmelding aan loreatec.jp (adres en titel van de pagina, meer niet). In geen van die verzoeken zit jouw bestand.
Veelgestelde vragen
Waarom is mijn <style>-blok een probleem?
Gmail behoudt het grootste deel ervan, Outlook op Windows een deel, verschillende webmailprogramma’s verwijderen het helemaal, en geen enkele haalt een externe stylesheet op. Alles wat zeker moet kloppen, moet een inline style-attribuut zijn; een <style>-blok is voor de media queries die helemaal niet inline gezet kunnen worden. De CSS-inliner op deze site doet het mechanische werk.
Wat is die limiet van 102 KB?
Gmail stopt met het weergeven van een bericht bij ongeveer 102 KB en toont een link “Volledig bericht weergeven”. Alles na die afkapping is verborgen — meestal de voettekst, waar de afmeldlink en het postadres staan. Dat maakt het net zo goed een nalevingsprobleem als een ontwerpprobleem. Snoei in de HTML, niet in de inhoud: het meeste gewicht zit in herhaalde inline stijlen en tabelconstructies.
Waarom vertelt het me niet of mijn links werken?
Omdat een browser geen antwoord van een ander domein kan lezen — het same-origin-beleid verbiedt dat, en geen enkele truc omzeilt dat zonder een server die het verzoek doorstuurt. De links worden in plaats daarvan opgesomd zodat je ze zelf kunt controleren; een checker die links “verifieert”, heeft óf een server, óf gokt.
Wat toont de weergave met geblokkeerde afbeeldingen?
Wat de meeste ontvangers als eerste zien. Gmail, Outlook en Apple Mail blokkeren allemaal standaard externe afbeeldingen in op zijn minst sommige situaties, en een ontwerp dat uit één grote afbeelding bestaat, wordt dan een leeg rechthoekje. Is je bericht in die weergave onleesbaar, dan is het dat voor een groot deel van je lijst.