E-Mail-Signatur-Generator
Erstellen Sie eine professionelle HTML-E-Mail-Signatur mit Foto oder Logo, Kontaktdaten und Social-Links für Gmail, Outlook oder Apple Mail.
Vorschau
Bilder von einer URL erscheinen in dieser Vorschau eventuell nicht (diese Seite blockiert externe Bilder), in Ihren E-Mails aber schon.
Prüfungen
Keine Probleme gefunden.
So erstellen Sie Ihre E-Mail-Signatur
- Füllen Sie Ihre Angaben aus: vollständiger Name, Position, Unternehmen, E-Mail, Telefon, Mobil, Website und Adresse. Ein leeres Feld blendet die entsprechende Zeile aus.
- Fügen Sie die vollständigen Adressen Ihrer Social-Media-Profile ein (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Sie erscheinen als Textlinks in Ihrer Akzentfarbe.
- Fügen Sie ein Logo oder Foto hinzu. Am besten verwenden Sie die URL eines gehosteten Bildes (empfohlen): die https://-Adresse eines Bildes, das bereits auf Ihrer Website liegt. Alternativ wählen Sie eine lokale Datei, die in die Signatur eingebettet wird (siehe Einschränkungen unten).
- Wählen Sie eine Vorlage (Klassisch (Bild daneben), Untereinander oder Kompakt), eine Akzentfarbe, eine Schriftart und die Bildbreite. Aktivieren Sie Rundes Bild für ein kreisförmiges Foto.
- Kontrollieren Sie die Vorschau, klicken Sie dann auf Signatur kopieren und fügen Sie sie in Ihr E-Mail-Programm ein. HTML-Quelltext kopieren und Herunterladen liefern den reinen Code für Programme, die HTML akzeptieren.
Beispiel laden füllt das Formular mit Musterdaten, damit Sie die Vorlagen ausprobieren können. Alles geschieht in Ihrem Browser: Nichts, was Sie eingeben oder hochladen, wird irgendwohin gesendet.
Warum die Signatur aus Tabellen und Inline-Styles besteht
E-Mail-Programme sind keine Webbrowser. Outlook für Windows stellt Nachrichten mit der Word-Engine dar, Gmail entfernt <style>-Blöcke aus Signaturen, und viele Programme ignorieren modernes CSS wie Flexbox oder Grid. Dieses Tool erzeugt daher HTML, das überall funktioniert: eine Layout-Tabelle mit role="presentation", Inline-style-Attribute an jedem Element, websichere Schriften (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) und schlichte Textlinks statt Icon-Grafiken. Jeder eingegebene Wert wird escaped, sodass ein verirrtes < oder & in einer Positionsbezeichnung den Code nicht zerstören kann.
Telefonnummern werden zu tel:-Links (auf dem Smartphone antippbar), die E-Mail-Adresse wird zu einem mailto:-Link, und Webadressen ohne https:// werden automatisch ergänzt. Links, die keine Webadressen sind, werden weggelassen und unter Prüfungen aufgeführt.
Bilder: gehostete URL oder eingebettete Datei?
Ein lokales Bild wird in eine Data-URI umgewandelt – das Bild selbst steht dann im HTML. Das Tool verkleinert es auf 240 Pixel, damit es klein bleibt, doch viele Programme blockieren oder entfernen Data-URIs trotzdem: Gmail lehnt sie in Signaturen ab, Outlook zeigt oft nur einen leeren Rahmen, und Empfänger sehen unter Umständen einen Anhang statt des Bildes. Ein gehostetes Bild (zum Beispiel https://www.example.com/logo.png) ist leichter und wird in weit mehr Programmen angezeigt. Laden Sie Ihr Logo auf Ihre Website hoch und fügen Sie dann seine URL ein. Bilder von einer URL erscheinen in der Vorschau dieser Seite eventuell nicht, weil die Seite zum Schutz Ihrer Privatsphäre externe Bilder blockiert – in Ihren E-Mails werden sie aber angezeigt.
So fügen Sie die Signatur in Ihr E-Mail-Programm ein
- Gmail: Einstellungen (Zahnrad) → Alle Einstellungen aufrufen → Allgemein → Signatur → Neu erstellen. Mit Strg+V (Cmd+V) einfügen und unten auf der Seite Änderungen speichern klicken. Gmail begrenzt Signaturen auf 10.000 Zeichen.
- Outlook (neues Outlook und Outlook im Web): Einstellungen → Konto → Signaturen, eine Signatur anlegen, einfügen und speichern. Im klassischen Outlook für Windows: Datei → Optionen → E-Mail → Signaturen.
- Apple Mail: Mail → Einstellungen → Signaturen, Account auswählen, auf + klicken, einfügen und Immer meiner Standardschrift entsprechen deaktivieren, damit Schriften und Farben erhalten bleiben.
Häufige Fragen
Warum sehe ich in gesendeten E-Mails ein defektes Bild oder einen Anhang?
Das Bild ist vermutlich als Data-URI eingebettet, was viele E-Mail-Programme blockieren. Verwenden Sie stattdessen eine gehostete Bild-URL: Das ist der zuverlässigste Weg, ein Logo oder Foto anzuzeigen.
Warum wirkt das runde Foto in Outlook eckig?
Outlook für Windows ignoriert den Style border-radius. Wenn die Form wichtig ist, schneiden Sie Ihr Foto kreisförmig zu und speichern Sie es als PNG mit transparentem Hintergrund, bevor Sie es verwenden.
Kann ich das HTML selbst bearbeiten?
Ja. Nutzen Sie HTML-Quelltext kopieren oder Herunterladen und bearbeiten Sie den Code in einem beliebigen Texteditor. Behalten Sie die Tabellen und Inline-Styles bei: Die meisten E-Mail-Programme ignorieren Stylesheets und Klassen.
Warum erscheinen soziale Netzwerke als Text statt als Icons?
Icons wären Bilder – und Bilder sind der Teil einer Signatur, der am häufigsten blockiert wird. Textlinks werden immer angezeigt, bleiben im Dunkelmodus lesbar und machen die Signatur nicht schwerer.
Werden meine Daten gespeichert oder übertragen?
Nein. Die Signatur wird in Ihrem Browser erzeugt. Nichts wird hochgeladen, und die Seite behält nichts, sobald Sie sie schließen.
Ähnliche Tools
- Mailto-Link-Generator Erstellen Sie einen Mailto-Link mit Empfängern, CC, BCC, Betreff und Nachrichtentext, korrekt prozentkodiert, plus fertigem HTML-Link zum Einfügen.
- QR-Code-Generator QR-Codes kostenlos erstellen für Links, Text, WLAN, Kontakte, E-Mail und SMS. Mit Farben und Logo, Download als PNG oder SVG, alles lokal im Browser.
- UTM-Link-Builder Erstellen Sie Kampagnen-URLs mit UTM-Parametern für Google Analytics – einen Link oder Hunderte auf einmal, mit bestehenden Parametern und CSV-Export.