Das HTML deiner E-Mail prüfen
E-Mail-Programme stellen nur einen kleinen, alten Ausschnitt von HTML dar, und jedes anders. Hier siehst du die Teile, die die Reise nicht überstehen — bevor du es von einem Kollegen erfährst.
- Läuft vollständig in deinem Browser
- Funktioniert offline
- Kein Upload
- Keine Anmeldung
- Kein Wasserzeichen
Werkzeug wird geladen…
So funktioniert es
- Füg das HTML der Nachricht ein — aus der Quelltextansicht deines Newsletter-Werkzeugs oder aus der Datei, die du gleich verschickst.
- Lies die Befunde, danach die Tabellen zu Links und Bildern.
- Prüf in der Vorschau die schmalen Breiten (320, 375, 600 und 800 px), den dunklen Modus und vor allem, wie es mit blockierten Bildern aussieht.
Warum nichts hochgeladen wird
Alles, was auf dieser Seite passiert, erledigt Code, der im Tab deines Browsers läuft — mit derselben Engine, die auch Webseiten darstellt. Die Datei wird von der Festplatte in den Speicher des Tabs gelesen, dort umgewandelt und als Download wieder herausgeschrieben. Sie wird nirgendwohin geschickt — weder zu uns noch zu Dritten.
Prüf es selbst nach
- Öffne die Entwicklerwerkzeuge deines Browsers (F12) und wähle den Tab „Netzwerk“.
- Lade deine Datei und starte das Werkzeug.
- Die einzigen Anfragen, die du siehst, holen den Code des Werkzeugs selbst — und bei ein paar schweren Werkzeugen dessen Open-Source-Engine von einem öffentlichen CDN — dazu ein kleines Seitenaufruf-Signal an loreatec.jp (Adresse und Titel der Seite, mehr nicht). Keine davon trägt deine Datei.
Häufige Fragen
Warum ist mein <style>-Block ein Problem?
Gmail behält das meiste, Outlook unter Windows einen Teil, mehrere Webmailer werfen ihn ganz raus, und keines von ihnen lädt ein externes Stylesheet. Alles, was stimmen muss, gehört in ein style-Attribut direkt am Element; der <style>-Block ist für die Media Queries da, die sich gar nicht einbetten lassen. Den mechanischen Teil erledigt der CSS-Inliner auf dieser Website.
Was ist die 102-KB-Grenze?
Gmail hört bei rund 102 KB auf, eine Nachricht darzustellen, und zeigt stattdessen den Link „Gesamte Nachricht ansehen“. Alles nach dem Schnitt ist verborgen — meist die Fußzeile, und dort stehen der Abmeldelink und die Postanschrift. Damit ist es nicht nur ein Gestaltungs-, sondern auch ein Rechtsproblem. Kürz das HTML, nicht den Inhalt: Das Gewicht steckt größtenteils in wiederholten Inline-Styles und Tabellengerüsten.
Warum sagt es mir nicht, ob meine Links funktionieren?
Weil ein Browser die Antwort einer fremden Domain nicht lesen kann — die Same-Origin-Policy verbietet es, und keine Trickserei kommt ohne einen Server daran vorbei, der die Anfrage weiterreicht. Stattdessen werden die Links aufgelistet, damit du sie selbst prüfen kannst; ein Prüfer, der Links „verifiziert“, hat entweder einen Server oder er rät.
Was zeigt die Ansicht mit blockierten Bildern?
Das, was die meisten Empfänger zuerst sehen. Gmail, Outlook und Apple Mail blockieren entfernte Bilder in zumindest manchen Fällen standardmäßig, und ein Entwurf, der aus einem einzigen großen Bild besteht, wird zu einem leeren Rechteck. Ist deine Nachricht in dieser Ansicht unlesbar, ist sie es für einen großen Teil deiner Liste. Die Vorschau hier lädt entfernte Bilder ohnehin nie.