Warum deine E-Mail-Signatur HTML sein sollte, kein Bild

Du hast eine schöne E-Mail-Signatur gebaut, einen Screenshot davon gemacht und das Bild in deine E-Mail-Einstellungen eingefügt. Im eigenen Postfach sieht es perfekt aus, die Sache fühlt sich also erledigt an. Dann antwortet ein Kunde und fragt nach der Telefonnummer, die er nicht anklicken konnte, ein anderer sieht ein Symbol für ein kaputtes Bild, wo deine Angaben stehen sollten, und auf dem Handy von jemandem ist das Ganze ein blasser grauer Fleck. Das Bild war das Problem.

Kurzfassung: Eine Bild-Signatur ist ein einzelnes flaches Bild. Ihre Links sind tot, ihr Text lässt sich nicht lesen oder markieren, und sie verschwindet in dem Moment, in dem ein E-Mail-Client Bilder blockiert. Eine HTML-Signatur hält Links überall klickbar und Text sichtbar, deshalb ist sie das Format, das tatsächlich funktioniert.

Ein Bild ist ein flaches Bild ohne funktionierende Teile

Wenn deine Signatur ein Bild ist, ist alles darin Farbe. Die E-Mail-Adresse ist keine E-Mail-Adresse, sie sind farbige Pixel in der Form einer solchen. Die Telefonnummer lässt sich nicht antippen. Der Link zu deiner Website führt nirgendwohin, weil es keinen Link gibt, nur ein Bild von unterstrichenem Text. Wer auf deine Angaben reagieren will, muss sie von Hand abtippen, also genau die Reibung, die eine Signatur eigentlich beseitigen soll.

Sie ist außerdem unsichtbar für alle, die einen Screenreader nutzen, denn es gibt keinen echten Text zum Vorlesen, nur ein Bild, das vielleicht einen Alt-Text trägt und vielleicht nicht. Eine Bild-Signatur lässt also im Stillen genau die Menschen im Stich, die am meisten darauf angewiesen sind, dass deine Kontaktdaten maschinenlesbar sind.

Blockierte Bilder hinterlassen eine Lücke, wo du mal warst

Etliche E-Mail-Clients blockieren externe Bilder standardmäßig, bis der Leser sie selbst lädt. Bei einer normalen HTML-Signatur ist das eine kleine kosmetische Sache, dein Foto oder Logo wird einfach nicht angezeigt, und der Text drumherum läuft weiter. Bei einer reinen Bild-Signatur löscht das Blockieren von Bildern das Ganze. Der Leser sieht einen leeren Kasten oder ein Symbol für ein kaputtes Bild, und dein Name, deine Rolle und deine Kontaktdaten sind auf einen Schlag weg.

Über diese Einstellung hast du keine Kontrolle. Sie liegt im Client des Empfängers, oft aktiviert aus Datenschutzgründen oder zum Datensparen, und du wirst nie erfahren, dass es passiert ist. Deinen gesamten professionellen Abbinder darauf zu setzen, dass der Leser sich entscheidet, Bilder zu laden, ist eine Wette, die du im Stillen verlierst.

Dark Mode und kleine Bildschirme legen die Nähte offen

Ein Signaturbild ist in einer Größe mit einem Hintergrund eingebrannt. Öffne es auf einem Handy und es schrumpft entweder bis zur Unlesbarkeit oder erzwingt seitliches Scrollen. Öffne es im Dark Mode und eine auf Weiß entworfene Signatur kann in einem grellen weißen Rechteck vor einer ansonsten dunklen E-Mail sitzen, oder dein dunkler Text kann in einem dunklen Hintergrund verschwinden.

Echtes HTML fließt um. Text passt seine Größe an den Bildschirm an, Layouts richten sich neu aus, und eine Signatur mit sinnvollen Farben hält durch, egal ob der Leser im Light Mode oder Dark Mode ist. Die Signatur ist kein fester Aufkleber mehr, sondern wird Teil der E-Mail, was sie von Anfang an hätte sein sollen.

Warum HTML-Signaturen sich noch auf Tabellen stützen

Hier kommt die Wendung, die Leute überrascht: Eine zuverlässige HTML-Signatur ist aus HTML-Tabellen gebaut, mit Styles, die inline auf jedem Element stehen, eine Technik, die neben modernem Weblayout angestaubt wirkt. Der Grund sind die E-Mail-Clients selbst. Vor allem Outlook entfernt Style-Blöcke und ignoriert viel von dem CSS, auf das gewöhnliche Webseiten setzen, das clevere Layout, das du auf einer Website nutzen würdest, fällt im Postfach also schlicht auseinander.

Tabellen mit Inline-Styles sind der kleinste gemeinsame Nenner, den jeder große Client gleich rendert. Es ist nicht elegant, aber es ist die Struktur, die Gmail, Outlook und Apple Mail übersteht, ohne sich umzuordnen. Deshalb bricht eine Signatur, die du fürs Web von Hand baust, oft in der E-Mail, und deshalb erzeugen spezialisierte Tools die Tabellenversion für dich.

Einmal bauen, einfügen

Der praktische Ablauf ist einfach. Baue die Signatur als richtiges HTML, mit deinem Foto oder Logo, das von einer öffentlichen URL referenziert statt eingefügt wird, kopiere sie dann und füge sie in die Signatureinstellungen deines E-Mail-Clients ein. Weil es echtes Markup ist, bleiben die Links klickbar, der Text bleibt markierbar und das Layout hält über die Clients hinweg.

Der E-Mail-Signatur-Generator erzeugt dieses tabellenbasierte HTML für dich und kopiert es bereit zum Einfügen, damit du eine Signatur bekommst, die in jedem Postfach funktioniert, ohne eine Zeile Code zu schreiben.