Keine Werbung mögen? Gehen Werbefrei Heute 

HTML-Generator für E-Mail-Unterschrift

EntwicklerText

ANZEIGE Entfernen?

EINGANG

Automatischer Prozess

Persönliche Informationen

Vollständiger Name

Berufsbezeichnung

Firma

Telefon

E-Mail

Website

Adresse

Stil

Layout

Schriftfamilie

Akzentfarbe

Verwendet für den Namen, Links und die vertikale Trennlinie.

Textfarbe

Schriftgröße

Foto & Logo

Profilfoto einbeziehen

Foto-URL

Quadratische Bilder funktionieren am besten (90x90 oder größer).

Fotoform

Firma-Logo einbeziehen

Logo-URL

Soziale Links

LinkedIn-URL

Lassen Sie es leer, um dieses Symbol zu verstecken.

Twitter / X-URL

GitHub-URL

Instagram-URL

Haftungsausschluss

Zusätzliche Hinweise / Rechtsinformation einbeziehen

Hinweistext

AUSGABE

Client-Seite

Füllen Sie die Felder auf der linken Seite aus, um eine Live-Vorschau hier zu sehen.

Signature-HTML

Inline-stilisierte HTML für Gmail, Outlook, Apple Mail und die meisten E-Mail-Client.

ANZEIGE Entfernen?

Führung

HTML-Generator für E-Mail-Unterschrift

Erstellen Sie eine gepoliterte, kopierfertige HTML-E-Mail-Unterschrift in Sekunden. Wählen Sie eine Layout, geben Sie Ihren Namen, Ihre Rolle, Ihre Kontakte, Ihre Sozialen Links, Ihre Akzentfarbe und ein optionales Profilfoto oder Firmenlogo ein — das Tool zeigt eine Live-Vorschau an und erzeugt inline-stilisierte HTML, die problemlos in Gmail, Outlook, Apple Mail und die meisten anderen E-Mail-Client eingefügt werden können.

Nutzung

Füllen Sie aus Persönliche Informationen: Voller Name, Berufsbezeichnung, Firma, Telefonnummer, E-Mail-Adresse, Website und Adresse. Lassen Sie jedes Feld leer, um diese Zeile zu verstecken.
Wählen Sie einen Layout (horizontal, vertikal oder kompakt ohne Text), Schriftfamilie, Akzentfarbe und Textfarbe. Die Vorschau aktualisiert sich, sobald Sie schreiben.
Schalten Sie das Profilfoto ein oder aus, fügen Sie eine Bild-URL ein und wählen Sie eine Kreisform, eine abgerundete Form oder eine quadratische Form. Fügen Sie ein Firmenlogo auf die gleiche Weise ein, wenn Sie eines wünschen.
Fügen Sie URLs in die Soziale Links Felder ein, die Sie einbeziehen möchten (LinkedIn, Twitter / X, GitHub, Instagram). Leere Felder werden übersprungen — keine defekten Icons.
Klicken Sie auf Renderte Signatur kopieren und fügen Sie es in die Signature-Einstellungen Ihres E-Mail-Client ein. Oder verwenden Sie HTML kopieren wenn Sie lieber den Roh-Code einfügen möchten.

Funktionen

Live-Vorschau — sehen Sie genau, was die Empfänger sehen, in einer fiktiven E-Mail-Shell mit Grußformel und Abschluss.
Drei Layouts — horizontal (Foto links, Text rechts mit Akzenttrennzeichen), vertikal (Foto über Text) und kompakt (nur Text).
Inline-stilisierte HTML — Jedes Element verwendet Inline-CSS, sodass Signaturen zuverlässig in Gmail, Outlook Desktop, Outlook Web, Apple Mail und den meisten mobilen Clienten angezeigt werden.
Intelligente Kontaktzeilen — Telefonnummern werden zu tel: Links, E-Mail-Adressen werden zu mailto:, Website-URLs werden klickbar, Adressen bleiben als normale Texte.
Konfigurierbare Fotoform — Kreis, abgerundetes Quadrat oder harte Quadrat. Wählen Sie das Aussehen, das Ihren Markenstil entspricht.
Sozialer Icon-Set — LinkedIn, Twitter / X, GitHub, Instagram. Leere Felder werden stumm übersprungen.
Optionale Hinweistextblöcke — für die rechtliche / Geheimhaltungsanmerkung, die viele Unternehmen benötigen.
Zwei Kopiermodi — kopieren Sie die gerenderte Unterschrift (fügen Sie sie als reichformatierten Text in Gmail ein) oder kopieren Sie den Roh-HTML-Code (für fortgeschrittene Editor).
Laufend im Browser — nichts wird auf einen Server hochgeladen. Ihre Bild-URLs und Kontaktdaten verlassen nie Ihr Gerät.

 Häufig gestellte Fragen

Warum verwenden E-Mail-Unterschriften Inline-CSS anstatt eine Stylesheet?

Die meisten E-Mail-Client entfernen -Blöcke, -Tags und externe CSS aus Sicherheits- und Anzeigegründen. Outlook insbesondere ignoriert Klassen und Stylesheets und erkennt nur Inline-Stilattribute auf einzelne Elemente. Die Inline-Regeln auf jedes Element direkt anwenden ist die zuverlässigste Methode, um sicherzustellen, dass die Unterschrift in Gmail, Outlook, Apple Mail und auf mobilen Geräten gleich aussieht.
Warum werden E-Mail-Unterschriften mit HTML-Tabellen statt divs und Flexbox erstellt?

Outlook auf Windows verwendet das Microsoft Word-Rendering-Engine für HTML-E-Mails, die schwache Unterstützung für moderne CSS-Layouts haben. Tabellen mit expliziter Breite, Padding und Border-Attribute sind die einzige Layout-Grundlage, die in Word-Outlook und überall sonst gleich angezeigt wird. Die Verwendung verschachtelter Tabellen für die Spalten mit Foto und Text ist das etablierte Kompatibilitätsmuster für HTML-E-Mails.
Welcher Unterschied besteht zwischen dem Kopieren der gerenderten HTML und dem Kopieren des Roh-HTML-Quellcodes?

Das Kopieren der gerenderten Unterschrift (reichformatiert) ermöglicht es dem E-Mail-Client, das visuelle Ergebnis zu erfassen und sein eigenes HTML darum neu zu erstellen — das ist genau das, was das Gmail-Unterschrifts-Editor erwartet. Das Kopieren des Roh-HTML-Quellcodes ist das, was fortgeschrittene Editor (Outlook Desktop-Unterschriftsdateien, Apple Mail-Plist-Dateien, dritte Signature-Manager) benötigen, weil sie den Quellcode genau speichern und ihn beim Senden neu rendern.
Warum sollten E-Mail-Unterschriftsbilder auf einer öffentlichen URL statt als Anhang gehalten werden?

Wenn ein Foto als Anhang oder als data: URL eingebettet wird, zeigen viele Clients es als Anhang-Anzeige an oder verstecken es einfach. Ein Link zu einer öffentlichen HTTPS-URL ermöglicht es dem Empfänger-Client, das Bild direkt abzurufen, genau wie es in jeder anderen HTML-E-Mail geschieht. Bildblockierung ist dann das einzige, was es versteckt, und die Empfänger können es einmal wählen und es für alle zukünftigen E-Mails nutzen.
Warum funktionieren mailto: und tel: Links auch in konservativen E-Mail-Client?

mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.

Möchten Sie werbefrei genießen? Werde noch heute werbefrei



 Erweiterungen installieren

IO-Tools zu Ihrem Lieblingsbrowser hinzufügen für sofortigen Zugriff und schnellere Suche

恵 Die Anzeigetafel ist eingetroffen!

Anzeigetafel ist eine unterhaltsame Möglichkeit, Ihre Spiele zu verfolgen. Alle Daten werden in Ihrem Browser gespeichert. Weitere Funktionen folgen in Kürze!

ANZEIGE Entfernen?