E-Mail-Signatur-Generator

Vorschau

Wie füge ich sie in Gmail ein?

Klicken Sie auf „Signatur kopieren" und gehen Sie in Gmail zu Einstellungen → Allgemein → Signatur. Klicken Sie in das Signaturfeld und fügen Sie ein (Strg+V / Cmd+V). Gmail behält die Formatierung bei.

Wie füge ich sie in Outlook ein?

Klicken Sie auf „Signatur kopieren" und gehen Sie in Outlook zu Einstellungen → E-Mail → Verfassen und antworten. Klicken Sie in den Signatur-Editor und fügen Sie ein. Für die Desktop-App: Datei → Optionen → E-Mail → Signaturen → in den Editor einfügen.

Warum HTML-E-Mail ein so seltsamer Ort zum Designen ist

Wenn Sie jemals eine Signatur in der CSS-und-Flexbox-Welt einer Website erstellt und sie dann in einer E-Mail zerfallen sehen haben, sind Sie auf das zentrale Problem gestoßen: Es gibt keine einzige "E-Mail-Rendering-Engine." Jeder große Mail-Client verwendet unterschiedlichen Code, um HTML anzuzeigen, und die Regeln dafür, was funktioniert, sind Jahrzehnte hinter dem modernen Web. Gmail entfernt das meiste CSS, das außerhalb des style-Attributs des Elements lebt, Apple Mail verwendet WebKit (also recht modern), und Outlook für Windows rendert HTML-E-Mails seit Outlook 2007 mit der HTML-Engine von Microsoft Word, was bedeutet, dass Flexbox, Grid, moderne Selektoren, Webfonts und die meisten CSS-Animationen einfach nicht funktionieren. Die Kompatibilitätstabelle auf caniemail.com verfolgt das alles und ist eine ernüchternde Lektüre.

Die praktische Konsequenz: HTML-E-Mail-Signaturen werden gegen den kleinsten gemeinsamen Nenner entworfen. Der Code, den dieser Generator ausgibt, verwendet Inline-Styles und ein tabellenbasiertes Layout, die einzige Kombination, die die Reise durch Outlook Desktop, Outlook 365 Web, Gmail, Apple Mail, Yahoo, iCloud und die verschiedenen mobilen Clients überlebt, ohne auseinanderzufallen.

Was in eine moderne Signatur gehört

Es gibt keine einzige "richtige" Signatur, aber die Elemente, die sich konsequent ihren Platz verdienen:

• Name, etwas größer und fetter als der Rest. Das Erste, was ein Empfänger sehen sollte.
• Titel und Unternehmen, Sekundärzeile, hellere Farbe. Kombinieren Sie in einer Zeile, wenn beides kurz ist.
• Telefon, eingebettet in einen tel:-Link, damit ein Tippen auf dem Handy wählt.
• E-Mail, eingebettet in einen mailto:-Link, hauptsächlich der Vollständigkeit halber; die Empfänger kennen Ihre Adresse bereits.
• Website, anklickbar, oft in der Markenakzentfarbe.
• Logo oder Foto, typischerweise 60 bis 100 px quadratisch oder ein 150×40 Banner. Werden Sie nicht größer; große Bilder blähen jede ausgehende E-Mail auf.
• Social-Icons, 24 bis 32 px, höchstens zwei oder drei. LinkedIn, X, GitHub, manchmal Instagram, passen Sie sich an, was Ihre Zielgruppe verwendet.

Optional, seit 2020 zunehmend üblich: Pronomen (er/ihm, sie/ihr, they/them) in derselben Zeile wie der Titel.

Was weggelassen werden sollte

• Inspirierende Zitate. Empfänger finden sie in Forschungsumfragen durchweg unprofessionell; nur wenige Menschen wollen eine Unternehmenssignatur, gefolgt von Gandhi.
• Auto-Ergänzungen vom Typ "Von meinem iPhone gesendet". Empfänger verstehen, dass mobile E-Mails existieren; die Zeile fügt nichts hinzu.
• Mehrere Schriftarten. Bleiben Sie bei einer. Schriftarten in HTML-E-Mails zu mischen, bedeutet Outlook zu bitten, die falsche zu ersetzen.
• Schwere Logos über 50 KB. Jede E-Mail, die Sie senden, trägt das Gewicht; große Signaturen blähen Konversations-Threads schnell auf.
• Animierte GIFs in kritischen Positionen. Outlook 2007 bis 2019 rendert animierte GIFs nur als erstes Bild, entwerfen Sie entsprechend.
• Hintergrundbilder. Outlook Desktop hat berüchtigt fehlerhafte Hintergrundbild-Unterstützung. Verwenden Sie stattdessen einfarbige Füllungen.
• Listen von Fähigkeiten oder Dienstleistungen. Eine Signatur ist keine Werbetafel. Verlinken Sie auf eine Profilseite, wenn die Zielgruppe mehr wissen muss.

Warum Tabellen und Inline-Styles?

Zwei Kompatibilitätsrealitäten machen dies zur einzig sicheren Wahl:

1. Outlook Desktop rendert HTML mit Microsoft Word. Words HTML-Engine versteht display: flex, display: grid, modernes Positioning, die meisten Pseudo-Klassen oder Webfonts jenseits einiger Systemschriften nicht. Tabellen mit expliziten Breiten und Inline-Padding sind das, was Word zuverlässig anordnen kann.
2. Gmail entfernt aggressiv CSS, das in einem <style>-Block oder externen Stylesheet lebt, auch zitiert in einer E-Mail-Antwort verschwinden diese Regeln. CSS in style="..."-Attributen auf einzelnen Elementen überlebt.

Die Kombination, Tabellenlayout für die Struktur, Inline-Styles für visuelle Regeln, erzeugt eine Signatur, die in Outlook, Gmail, Apple Mail und den verschiedenen Outlook-Web-Varianten gleich aussieht. Die Ausgabe dieses Tools folgt diesem Muster.

Wie man sie dorthin einfügt, wo sie hingehört

• Gmail (Web): Klicken Sie auf das Zahnrad, Alle Einstellungen anzeigen, Allgemein, scrollen Sie zu Signatur, Neu erstellen, klicken Sie in den Editor und fügen Sie ein. Gmail bewahrt Inline-Styles. Als Standard für neue Mail / Antworten festlegen und Änderungen speichern.
• Outlook 365 / Outlook im Web: Einstellungen (Zahnrad-Symbol), E-Mail, Verfassen und antworten, E-Mail-Signatur, klicken Sie in den Editor und fügen Sie ein. Speichern.
• Outlook Desktop (Windows): Datei, Optionen, E-Mail, Signaturen, Neu, benennen Sie sie, fügen Sie in den Editor ein, speichern Sie. Weisen Sie einem Standardkonto zu, wenn Sie mehrere haben.
• Outlook für Mac: Outlook, Einstellungen, Signaturen, klicken Sie auf +, einfügen.
• Apple Mail: Mail, Einstellungen, Signaturen, ziehen Sie die gerenderte Signatur hinein (oder fügen Sie mit Bearbeiten, Einfügen ein). Wenn die Formatierung verloren geht, deaktivieren Sie "Schriftart der Standardnachricht immer abgleichen" und fügen Sie erneut ein.
• iOS Mail / Outlook iOS: Mobile Clients sind kniffliger, fügen Sie in einen Entwurf auf dem Desktop ein, kopieren Sie aus dem gerenderten Entwurf, fügen Sie dann in die iOS-Signatureinstellungen ein. Direktes HTML-Einfügen auf mobilen Geräten bewahrt selten die Formatierung.

Bild-Hosting-Optionen

Zwei Möglichkeiten, ein Bild in eine Signatur aufzunehmen, jede mit Kompromissen:

• Gehostete Bild-URL, das <img src> zeigt auf eine öffentlich zugängliche HTTPS-URL. Der Mail-Client des Empfängers ruft das Bild ab, wenn er die Nachricht öffnet, oft nach Bitten um Erlaubnis über die Aufforderung "Bilder anzeigen." Billig, aber jeder Empfänger löst eine Server-Anfrage aus, und Tracking-Pixel, die auf Signaturbildern reiten, sind eine der ursprünglichen Funktionsweisen der Öffnungsraten-Analyse.
• Inline-Base64-Bild, das Bild wird direkt in den HTML als data:image/...;base64,...-URI eingebettet. Übersteht Weiterleitungen sauber, kein externer Abruf, aber bläht jede E-Mail um die kodierte Größe des Bildes auf und wird von Outlook 2007 bis 2019 Desktop entfernt oder gewarnt.

Die zuverlässige Option für eine Unternehmenssignatur: ein gehostetes HTTPS-Bild in bescheidener Größe (unter 30 KB), mit ausgefülltem alt-Attribut, damit es bei blockierten Bildern in lesbaren Text degradiert.

Compliance und gesetzliche Anforderungen

Mehrere Rechtsräume verlangen rechtlich spezifische Informationen in geschäftlichen E-Mail-Signaturen:

• Vereinigtes Königreich, der Companies Act 2006 verlangt von Gesellschaften mit beschränkter Haftung die Angabe des registrierten Firmennamens, der registrierten Geschäftsadresse, der Registrierungsnummer und des Registrierungsorts in der Geschäftskorrespondenz, einschließlich E-Mails. Einzelunternehmer sind ausgenommen.
• Deutschland, das Telemediengesetz (TMG) hat ähnliche Impressums-Anforderungen: vollständiger Firmenname und Form, registrierte Adresse, Kontaktinformationen, Registergericht und Registrierungsnummer, USt-ID falls zutreffend.
• EU breiter, die DSGVO verlangt nicht speziell Kontaktinformationen in Signaturen, aber ein klarer Weg, einen Datenverantwortlichen zu erreichen, ist Teil der breiteren Compliance und eine Signatur ist ein natürlicher Ort dafür.
• Regulierte Branchen, Finanzdienstleistungen, Anwaltskanzleien, Gesundheitswesen und andere verlangen oft spezifische Haftungsausschlüsse (Vertraulichkeitshinweise, FCA-ähnliche Rechtsoffenlegungen, HIPAA-bezogene Warnungen). Überprüfen Sie die Anforderungen Ihrer Branche.

Häufige Fehler

1. Im Website-Tool entwerfen und für E-Mails exportieren. Modernes CSS überlebt in Outlook Desktop nicht. Bauen Sie von Anfang an für E-Mail-Einschränkungen.
2. Schwere dekorative Bildsprache. Jede E-Mail, die Sie senden (und jede Antwort, die jemand macht), trägt das Gewicht. Streben Sie weniger als 30 KB Gesamtgewicht für Signaturbilder an.
3. Auslassen des alt-Textes bei Bildern. Wenn Bilder blockiert sind (Outlook Desktops Standard für externe Absender), bricht ein leerer Alt das Layout zusammen. Setzen Sie immer beschreibenden Alt-Text.
4. Alle Kontaktinformationen ins Bild legen. Wenn ein Empfänger Bilder blockiert, sieht er nichts. Kritische Informationen (Name, Titel, Telefon) müssen in HTML-Text sein.
5. Lange URLs in voller Länge angezeigt. Verpacken Sie sie in einen Kurzlink oder verwenden Sie Ankertext ("LinkedIn") anstelle von https://www.linkedin.com/in/ihrname-12345.
6. Zitate, Slogans und motivierende Zeilen. Empfänger berichten weitläufig, sie unprofessionell zu finden.
7. Unterschiedliche Signaturen auf verschiedenen Geräten. Stellen Sie die gleiche Signatur auf jedem Gerät ein, von dem aus Sie Mail senden, Empfänger bemerken die Inkonsistenz in Threads, in denen Sie vom Desktop und Mobilgerät antworten.

Häufig gestellte Fragen

Warum sieht meine Signatur in Outlook anders aus als in Gmail?

Unterschiedliche Rendering-Engines. Outlook Desktop verwendet die HTML-Engine von Microsoft Word und rendert viele CSS-Eigenschaften anders als WebKit-basiertes Apple Mail oder die Engines, die Gmail Web und Outlook 365 Web verwenden. Die Signatur, die dieses Tool produziert, ist gebaut, um in allen akzeptabel auszusehen, nie identisch, aber immer als dieselbe Signatur erkennbar.

Kann ich ein animiertes GIF einschließen?

Ja, aber Outlook 2007 bis 2019 Desktop rendert animierte GIFs nur als erstes Bild. Entwerfen Sie das erste Bild so, dass es allein stehen kann, wenn Ihre Animation auf einer Sequenz beruht, um Bedeutung zu vermitteln, werden Sie die Hälfte Ihres Publikums verlieren. Gmail, Apple Mail und Outlook 365 Web spielen GIFs normal ab.

Werden meine Daten irgendwo hochgeladen?

Nein. Die Signatur wird vollständig in Ihrem Browser erstellt. Ihr Name, Titel, Kontaktinformationen und Social URLs gehen vom Formular zur Vorschau zur Zwischenablage, niemals zu einem Server, niemals zu einem Analyse-Endpunkt, niemals zu einer Marketing-Liste. Viele Signatur-Builder-Sites monetarisieren, indem sie genau diese Kontaktdaten sammeln; diese nicht.

Sollte ich ein Foto von mir einfügen?

Optional. Fotos lassen Signaturen persönlicher und wärmer wirken, fügen aber Bildgewicht hinzu und lösen den "Bilder anzeigen"-Hinweis in vielen Unternehmensumgebungen aus. Ein kleines (60 bis 80 px) Kopfbild kommt tendenziell gut an; ein bannergroßes Foto nicht. Wenn Ihre Rolle weitgehend B2C ist, Vertrieb, Customer Success, Recruiting, hilft ein Foto; in stark B2B-Kontexten reicht Name + Titel.

Was ist der rechtliche Haftungsausschluss, den einige Unternehmen verwenden?

Üblich in regulierten Branchen (Finanzen, Recht, Gesundheitswesen): "Diese E-Mail und alle Anhänge sind vertraulich und ausschließlich an den Empfänger gerichtet. Wenn Sie diese E-Mail irrtümlich erhalten haben, benachrichtigen Sie bitte den Absender und löschen Sie sie." Ob es rechtlich durchsetzbar ist, wird von Anwälten diskutiert, aber es ist Standardpraxis in vielen Branchen. UK-Unternehmen müssen gesetzlich ihren registrierten Namen, eingetragenen Sitz, Registrierungsnummer und Registrierungsort in der Geschäftskorrespondenz gemäß Companies Act 2006 angeben.

Kann ich verschiedene Signaturen für verschiedene Antworten haben?

Die meisten Hauptclients (Gmail, Outlook, Apple Mail) ermöglichen Ihnen, mehrere Signaturen zu erstellen und auszuwählen, welche als Standard für neue Nachrichten und welche (oft eine kürzere Version) für Antworten und Weiterleitungen verwendet wird. Erstellen Sie beide mit diesem Tool und weisen Sie jeder ihren Platz in den Einstellungen des Clients zu.

Verwandte Tools