E-Mail-Signatur-Generator
Tragen Sie Ihre Angaben ein und kopieren Sie eine Signatur aus HTML-Tabellen und Inline-Stilen. Darin sieht es aus wie 1999, aber das ist das einzige Markup, auf das sich alle Mail-Apps einigen. Die Vorschau aktualisiert sich beim Tippen, und nichts wird hochgeladen.
Es wird nichts hochgeladen. Ihr Entwurf wird nur in diesem Browser gespeichert, und das Logo wird nur von seiner URL geladen, um die Vorschau zu zeichnen.
Ihre Signatur
BeispielSo sieht sie unter Ihren Nachrichten aus. Sie aktualisiert sich während der Eingabe.
HTML-Quelltext anzeigen
In Ihr Mailprogramm einfügen
Klicken Sie auf „Signatur kopieren“ und fügen Sie sie dann (Strg+V oder ⌘V) an der für Ihr Programm beschriebenen Stelle ein.
Gmail in a browser
- Open the gear menu and choose See all settings.
- Stay on the General tab and go down to Signature. Press Create new and give it a name.
- Paste into the editing box, then select the signature under For new emails use and On reply/forward use.
- Press Save changes at the very bottom of the page.
The Gmail phone app has its own plain-text mobile signature. Keep that one empty and the app uses this signature.
Outlook on the web and the new Outlook for Windows
- Open the gear, then Account and Signatures.
- Press + New signature, type a name and paste into the box.
- Set it as the default for new messages and for replies, then press Save.
Classic Outlook for Windows
- Go to File, Options, Mail, then Signatures…
- Press New, type a name and paste into the large editing box.
- Pick it in the New messages and Replies/forwards lists, then press OK.
Logo too big? Right-click it in the editor, open Size and Position and type the width you chose on this page.
Apple Mail on a Mac
- Open Mail, Settings, then the Signatures tab.
- Select the account, press + and type a name.
- Clear the Always match my default message font box, then paste into the right-hand pane.
The settings window may draw a question mark where the logo goes. That is expected. The logo shows in the messages you send.
iPhone and iPad
- Open this page on the device itself, fill in the fields and tap Copy the signature.
- Go to Settings, Apps, Mail, Signature (on older iOS versions: Settings, Mail) and paste.
iOS keeps only some of the formatting, so the Compact template survives best. If the pasted result loses its formatting, shake the device and tap Undo to get the formatted version back.
Warum Signaturen auseinanderfallen
Eine Webseite wird von einem Browser angezeigt, der aktuellen Standards folgt. Eine E-Mail wird von dem angezeigt, was der Empfänger gerade benutzt, und diese Programme sind sich in wenig einig. Das klassische Outlook für Windows setzt Nachrichten mit der Engine von Microsoft Word. Gmail entfernt Stylesheets aus Inhalten, die es für unsicher hält. Der kleine Editor, in den Sie eine Signatur einfügen, entfernt noch mehr.
Was überall überlebt, ist eine kurze Liste: <table> für das Layout, style-Attribute an jedem Element, einfache Links und Bilder mit ausdrücklicher width und height. Dieser Generator hält sich an diese Liste. Der Text ist 14 Pixel groß in einer Schrift, die jedes Gerät schon hat (Arial, Verdana oder Georgia), die Tabelle trägt role="presentation", damit Screenreader sie nicht als Daten ansagen, und der ganze Block ist auf 600 Pixel Breite begrenzt.
Was aus jedem Feld wird
- Telefonnummern
- Ein
tel:-Link, damit ein Tippen auf dem Smartphone den Anruf startet. Eine 10-stellige Nummer gilt als nordamerikanisch und bekommt+1. Für jedes andere Land tippen Sie die Nummer mit+und Ländervorwahl, wie in+44 20 7946 0958. Eine Durchwahl, getippt alsext. 204oderx204, wird nach einer Pause angehängt:tel:+14155550123,204. Eine Nummer mit weniger als sieben Ziffern wird weggelassen. - E-Mail und Website
- Ein
mailto:-Link, wenn die Adresse die Formname@domain.tldhat. Die Website bekommt im Linkhttps://und wird ohne das und ohnewww.angezeigt. - Social-Media-Profile
- Textlinks, benannt nach dem Dienst, der in der URL steht: Facebook, Instagram, LinkedIn, YouTube, X, Bluesky, GitHub und etwa zehn weitere. Eine Adresse, die wir nicht erkennen, zeigt ihren Hostnamen.
- Logo
- Ein
<img>, das auf die angegebene Adresse zeigt, zwischen 40 und 300 Pixel breit. Das Tool lädt das Bild einmal, um seine Proportionen zu erfahren, und schreibt die passendeheight, weil Outlook Bilder ohne diese Angabe verzerrt. - Kleingedrucktes
- Eine Vertraulichkeits- oder Rechtszeile in 11 Pixel großem Grau unter der Signatur.
Die Warnungen und was zu tun ist
| Warnung | Warum es wichtig ist |
|---|---|
| Akzentfarbe unter 4,5:1 auf Weiß | Die Farbe wird für Links und den Firmennamen verwendet. Unter diesem Kontrastverhältnis tun sich Menschen mit eingeschränktem Sehvermögen schwer, sie zu lesen. Wählen Sie einen dunkleren Ton. |
Eingebettetes Logo (data:) | Viele Mail-Apps blockieren es oder machen bei jeder Nachricht einen Anhang daraus. |
Logo über http:// | Mail-Apps, die auf sicheren Seiten laufen, verweigern unsichere Bilder. |
| SVG-Logo | Gmail und Outlook zeigen kein SVG an. Exportieren Sie ein PNG oder JPG. |
| Logo auf Google Drive, Dropbox oder OneDrive | Ein Freigabelink öffnet eine Ansichtsseite, nicht die Bilddatei. |
| Logo lädt nicht | Öffnen Sie die Adresse in einem privaten Fenster. Sie sollten das Bild sehen und sonst nichts, ohne Anmeldung. |
| Sehr groß oder zu klein | Über 1.200 Pixel Breite bremst jede Nachricht aus. Schmaler als die Anzeigebreite wirkt unscharf. Zielen Sie auf die doppelte Anzeigebreite. |
Ein Layout wählen
- Logo links ist die Voreinstellung: zwei Spalten, getrennt durch eine senkrechte Linie in Ihrer Akzentfarbe.
- Klassisch stapelt alles in einer Spalte, mit dem Logo am Schluss. Es hält am besten, wenn eine App Tabellenspalten verwirft.
- Akzentlinie beginnt mit einer waagerechten farbigen Linie und hält die Kontaktdaten in einer Zeile.
- Kompakt sind zwei Zeilen ohne Logo. Das ist die für Antworten und für Mail-Apps auf dem Smartphone, die wenig Formatierung behalten.
Viele Leute haben zwei: eine vollständige für neue Nachrichten und die kompakte für Antworten. Bevor Sie sich festlegen, drücken Sie „Im Dark Mode ansehen“, um die Signatur an die E-Mail-Vorschau im Dark Mode zu schicken und zu sehen, ob Logo und Farben auf dunklem Hintergrund bestehen.
Was der Generator nicht macht
Er hostet Ihr Logo nicht, das Bild muss also schon unter einer öffentlichen Adresse online sein. Er zeichnet keine Social-Media-Symbole, und das mit Absicht: Jedes Symbol ist ein weiteres externes Bild, das blockiert werden kann. Er kann nicht zeigen, wie eine bestimmte Outlook-Version das Ergebnis darstellt, schicken Sie sich also eine Testnachricht, sobald die Signatur eingerichtet ist. Ihr Entwurf wird nur in diesem Browser gespeichert. Öffnen Sie die Seite auf einem anderen Gerät, finden Sie ein leeres Formular vor.
Häufige Fragen
Wie füge ich in Gmail eine HTML-Signatur hinzu?
Drücken Sie hier „Signatur kopieren“. Öffnen Sie in Gmail das Zahnradmenü, Alle Einstellungen aufrufen, Allgemein, Signatur, legen Sie eine neue an und fügen Sie ein. Wählen Sie sie für neue E-Mails und für Antworten aus und speichern Sie dann unten auf der Seite.
Warum kommt mein Logo als Anhang an?
Das Bild wurde in die Nachricht eingebettet. Mail-Apps schicken die Datei dann mit jeder E-Mail mit, und viele Empfänger sehen sie als Anhang. Verlinken Sie ein Bild, das auf einem Webserver liegt, und das Problem verschwindet.
Wie groß sollte ein Logo in der Signatur sein?
Angezeigt zwischen 100 und 200 Pixel breit, aus einer Datei mit etwa der doppelten Breite, damit es auf hochauflösenden Bildschirmen scharf bleibt. Halten Sie die Datei unter etwa 50 KB. PNG passt zu flächigen Logos, JPG zu Fotos.
Sollte meine ganze Signatur ein Bild sein?
Nein. Viele Mail-Apps blockieren Bilder standardmäßig, Screenreader können sie nicht lesen, sie passen sich nicht an den Dark Mode an, und niemand kann eine Telefonnummer antippen oder kopieren, die Teil eines Bildes ist. Verwenden Sie echten Text und behalten Sie das Bild für das Logo.
Kann ich meine Markenschrift verwenden?
Nicht zuverlässig. Gmail und Outlook ignorieren Webfonts, und der Text fällt auf eine Standardschrift zurück. Arial, Verdana und Georgia gibt es auf praktisch jedem Gerät, so sieht die Signatur überall gleich aus.
Warum sieht die Signatur in Antworten anders aus?
Manche Apps wandeln Antworten in reinen Text um oder übernehmen die Formatierung der beantworteten Nachricht. Legen Sie eine kompakte Signatur für Antworten fest und prüfen Sie, ob Ihre App in HTML schreibt und nicht in reinem Text.