Zum Inhalt springen

HTML-E-Mail-Kompatibilität prüfen

HTML Email Compatibility Check

Prüft das HTML einer E-Mail gegen das, was jeder Mail-Client tatsächlich unterstützt, zeigt auf das Element, das bricht, und stellt nebeneinander dar, was Gmail, Outlook und die anderen übrig lassen.

Fügen Sie das HTML einer Nachricht ein, die Sie gleich versenden, und dieses Werkzeug sagt Ihnen pro Client, was ihn nicht überleben wird – und zeigt auf das Element, das dafür verantwortlich ist. Die Unterstützungsdaten stammen von caniemail: Tests auf echten Geräten, jeder mit dem Datum seines letzten Laufs. Diese Website besitzt keine Rendering-Farm und behauptet nie, eine Vorschau sei ein Screenshot.

🔒 Läuft vollständig in Ihrem Browseremailhtmlcompatibilitynewsletter
Größe: 0 Byte · 0 % der 102 KB von Gmail
Alternative in reinem Text (optional)

So funktioniert es

  1. Fügen Sie das HTML ein

    Die ganze Nachricht, so wie sie versendet wird. Wenn Sie auch einen text/plain-Teil senden, fügen Sie den ebenfalls ein – sonst wird Ihnen, korrekterweise, gesagt, dass Sie keinen haben.

  2. Lesen Sie die Befunde nach Schweregrad

    „Bricht“ bedeutet, dass es in einem Client, den Menschen benutzen, falsch hinausgeht; „kosmetisch“ bedeutet, dass ein Client leicht abweicht. Jeder Befund nennt die Clients, für die er gilt, und das caniemail-Feature, auf dem er beruht.

  3. Springen Sie zum Element und übernehmen Sie die Umschreibung

    Ein Klick auf einen Befund hebt den genauen Abschnitt in Ihrem Quelltext hervor. Wo sich eine Umschreibung erzeugen lässt, wird sie aus dem Inhalt dieses Elements gebaut – die Flex-Zeile wird zur Tabelle, die Ihre Spalten hält – und „Anwenden“ fügt sie ein und lässt den Rest Ihrer Datei unangetastet.

  4. Prüfen Sie die beiden Fenster

    Links ist, was Sie geschrieben haben; rechts ist, was der gewählte Client übrig lässt. Schalten Sie Bilder aus – das ist, was die meisten Leser zuerst sehen – und probieren Sie die Umschalter für Dunkelmodus und Telefon.

Häufige Fragen

Ist die Vorschau ein Screenshot von Gmail?

Nein, und nichts hier wird das jemals behaupten. Es ist Ihr HTML mit den dokumentierten Entfernungsregeln dieses Clients, gezeichnet von dem Browser, den Sie gerade benutzen. Für Outlook unter Windows zählt der Unterschied am meisten: Es rendert über Microsoft Word, das Fenster kann Ihnen also sagen, was Word noch hätte, und nicht, wie Word es anordnen würde.

Warum warnt es vor der Größe schon unter 102 KB?

Weil Gmail die zusammengesetzte Nachricht misst, nicht Ihre Datei. Transferkodierung, Header und das Link-Umschreiben einer Versandplattform kommen alle hinzu, ein Entwurf mit 100 KB hier geht also über dem Limit hinaus und wird abgeschnitten – mit der Fußzeile und dem Abmeldelink hinter dem Hinweis, dass die Nachricht gekürzt wurde.

Was ist mit Naver, Daum und Kakao?

Sie sind aufgeführt und tragen keine Urteile, weil keine öffentliche Testmatrix sie abdeckt und diese Website sie nicht gemessen hat. Einen davon zu wählen wendet nur die universellen Regeln an – Skripte und Formulare entfernt –, und das Panel sagt, dass das Ergebnis unbestätigt ist. Eine selbstbewusste Zeile über Naver wäre schlimmer als eine leere.

Verlässt mein Entwurf den Browser?

Nein. Das Parsen, die Regeln und die Vorschau laufen alle im Tab, und der Entwurf wird nur im lokalen Speicher dieses Browsers gehalten, damit ein Neuladen ihn nicht verliert. Das Leeren des Feldes entfernt ihn.

Eingabe aus

Danach

Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.

Support-Tabelle für E-Mail-Clients

Email Client Support Table

Was Gmail, Outlook, Apple Mail, Yahoo, Samsung Mail und Thunderbird in HTML-E-Mails unterstützen, aus den Gerätetests von caniemail, mit dem Datum des jeweils letzten Tests.

Läuft vollständig in Ihrem Browser

Gesendet-vs-Zugestellt-Vergleich

Sent vs Delivered Comparison

Senden Sie einen Entwurf von Ihrem eigenen Konto an eine Wegwerfadresse und sehen Sie, was der Versandweg umgeschrieben hat – in Redirects gehüllte Links, gestrichene Style-Blöcke, hinzugefügte Beacons, die verwendete Kodierung.

Nutzt unseren Server

HTML-E-Mail-Builder

HTML Email Builder

Baut eine E-Mail aus Blöcken als tabellenbasiertes, inline gestyltes HTML mit VML-gestütztem Button und schreibt aus denselben Blöcken die Nur-Text-Alternative.

Läuft vollständig in Ihrem Browser

HTML formatieren und minimieren

HTML Beautifier & Minifier

Formatiert oder minimiert HTML, bewahrt Inline-Elemente und fasst auf Wunsch Leerraum zusammen.

Läuft vollständig in Ihrem Browser

CORS-Tester

CORS Tester

Sendet den Preflight, den ein Browser von einem gewählten Origin senden würde, plus ein GET mit diesem Origin, und erklärt nach den Regeln des Fetch-Standards genau, welcher Header blockiert hat.

Nutzt unseren Server

Währungsrechner

Currency Converter

Rechnet zwischen rund dreißig Währungen zu den täglichen Referenzkursen der EZB um, über den Euro gekreuzt, oder zu einem Kurs, den Sie eingeben.

Nutzt unseren Server