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.
Alternative in reinem Text (optional)
So funktioniert es
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.
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.
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.
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
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.
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.
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.
Passwort-Generator
Password Generator
Erzeugt zufällige Passwörter mit Länge, Zeichensatz und Regeln für verwechselbare Zeichen, bei Bedarf in Masse – ohne Upload, komplett im Browser.
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.
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.
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.
HTML formatieren und minimieren
HTML Beautifier & Minifier
Formatiert oder minimiert HTML, bewahrt Inline-Elemente und fasst auf Wunsch Leerraum zusammen.
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.
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.