Kostenloser Konverter

E-Mail-Signatur HTML-Generator

Erstellen Sie professionelle HTML-E-Mail-Signaturen mit Live-Vorschau. Kostenlos, browserbasiert, funktioniert in Gmail, Outlook und Apple Mail.

Contact Information

Live-Vorschau

Email preview

Best regards,

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

Your Name Job Title

HTML-Code

So verwenden Sie diese Signatur in Gmail: Gehen Sie zu Einstellungen > Alle Einstellungen anzeigen > Allgemein > Signatur. Fügen Sie den HTML-Code ein.

Über dieses Tool

E-Mail-Signaturen erscheinen am Ende jeder geschäftlichen E-Mail. Zu einer guten Signatur gehören Name, Titel, Firma, Telefonnummer, E-Mail und zunehmend Social-Media-Handles oder Website. Über bloße Kontaktinformationen hinaus verstärken Signaturen die Markenbildung durch Farben, Schriftarten und kleine Logobilder. Die gleiche Signatur, die auf alle Ihre gesendeten E-Mails angewendet wird, sorgt dafür, dass Ihre berufliche Identität konsistent bleibt.

Das manuelle Erstellen von E-Mail-Signaturen in HTML ist mühsam und führt zu unordentlichen Markups. E-Mail-Clients geben HTML inkonsistent wieder, sodass Signaturen, die in einer App richtig aussehen, in einer anderen fehlerhaft erscheinen. Generatoren erzeugen Signaturen mit E-Mail-sicherem HTML – tabellenbasiertes Layout, Inline-CSS, websichere Schriftarten – die bei großen Kunden zuverlässig wiedergegeben werden.

Dieser Generator erstellt die Signatur in Ihrem Browser. Geben Sie Ihre Daten ein, passen Sie Layout und Farben an und exportieren Sie es als HTML, das Sie in Gmail, Outlook, Apple Mail oder einen anderen E-Mail-Client einfügen können. Die meisten Clients akzeptieren HTML-Signaturen über ihre Einstellungen.

Warum einen E-Mail-Signaturgenerator verwenden?

Handcodierte HTML-Signaturen brechen auf subtile Weise. Outlook ignoriert bestimmte CSS-Codes, Gmail entfernt andere und mobile Clients rendern anders. Generatoren erzeugen E-Mail-sicheres HTML, das alle wichtigen Rendering-Pfade übersteht, wodurch die Debugging-Zeit für clientübergreifende Tests eingespart wird.

Konsistenz ist auch auf organisatorischer Ebene wichtig. Unternehmen mit vielen Mitarbeitern profitieren von einer einheitlichen Signaturvorlage, die für alle Mitarbeiter gilt. Generatoren unterstützen dies mit Namens-/Titelfeldern, die je nach Person variieren, während das Design einheitlich bleibt.

So verwenden Sie es

Details ausfüllen, anpassen, kopieren.

  1. Geben Sie Ihre Daten ein: Name, Titel, Firma, Telefon, E-Mail, Website. Optional: Adresse, Social-Media-Handles, Foto oder Logo.
  2. Wählen Sie eine Vorlage: Nur minimaler Text, Foto + Text, Logo + Text oder vollständiges Corporate. Jedes passt zu unterschiedlichen Branchen und persönlichen Stilen.
  3. Anpassen: Farben, Schriftarten und Layoutanpassungen. Fügen Sie gegebenenfalls ein Profilfoto oder ein Firmenlogo hinzu.
  4. Kopieren Sie den HTML-Code: Generierter HTML-Code in die Zwischenablage kopiert. In die Signatureinstellungen Ihres E-Mail-Clients einfügen.
  5. Testen: Senden Sie sich selbst eine Test-E-Mail, um zu überprüfen, ob die Signatur korrekt dargestellt wird. Öffnen Sie es in verschiedenen Clients (Web-Gmail, Mobilgerät, Outlook), um Rendering-Probleme zu erkennen.

Häufige Anwendungsfälle

Technische Details

E-Mail-sicheres HTML verwendet ein tabellenbasiertes Layout (anstelle von CSS-Flexbox/Grid), da Outlook und andere ältere Clients Tabellen konsistent rendern, während moderne CSS-Layouts möglicherweise nicht funktionieren. Inline-CSS wird verwendet, da viele Clients <style>-Blöcke entfernen.

Schriftarten: Websichere Schriftarten (Arial, Helvetica, Georgia, Verdana) werden auf allen Clients zuverlässig wiedergegeben. Benutzerdefinierte Schriftarten über @font-face funktionieren in den meisten E-Mail-Clients nicht. Ihre Verwendung erfordert den Rückgriff auf websichere Alternativen.

Bilder: Profilfotos und Logos sollten gehostet werden (nicht als Base64 eingebettet, was von einigen Kunden abgelehnt wird). Verwenden Sie eine stabile URL, die für E-Mail-Empfänger zugänglich ist. HTTPS ist erforderlich, um Warnungen zu gemischten Inhalten zu vermeiden.

Best Practices

Häufig gestellte Fragen

Wie füge ich diese Signatur zu Gmail hinzu?
Gehen Sie zu Gmail-Einstellungen → Allgemein → Signatur. Klicken Sie auf das HTML-Symbol (oder fügen Sie es direkt ein) und fügen Sie dann den generierten HTML-Code ein. Gmail stellt es als formatierte Signatur dar.
Funktioniert die Signatur in Outlook?
Ja. Der generierte HTML-Code verwendet tabellenbasierte Layouts und Inline-Stile, die das am besten mit Outlook kompatible Format sind. Vermeiden Sie Hintergrundbilder und komplexes CSS, da die Rendering-Engine von Outlook Einschränkungen aufweist.
Warum eine HTML-Signatur anstelle von einfachem Text verwenden?
HTML-Signaturen unterstützen formatierten Text, Markenfarben, anklickbare Links, Social-Media-Symbole und professionelle Layouts. Gerade in der Geschäftskommunikation hinterlassen sie einen stärkeren Eindruck als reiner Text.
Kann ich ein Logo oder Profilfoto einfügen?
Sie können der Signatur Bild-URLs hinzufügen. Für höchste Zuverlässigkeit hosten Sie Bilder unter einer permanenten URL (Ihrem Unternehmensserver oder einem Bild-CDN). Eingebettete/angehängte Bilder werden möglicherweise nicht in allen E-Mail-Clients angezeigt.
Was ist mit rechtlichen Haftungsausschlüssen?
Einige Branchen (Recht, Finanzen, Gesundheitswesen) verlangen in Unterschriften rechtliche Haftungsausschlüsse. Prüfen Sie die Anforderungen Ihrer Branche; Der Generator kann einen Haftungsausschlusstext enthalten.
Kann ich unterschiedliche Signaturen für unterschiedliche Kontexte haben?
Die meisten E-Mail-Clients unterstützen mehrere Signaturen. Konfigurieren Sie jedes in den Einstellungen Ihres Kunden. Der Generator kann Varianten erzeugen.
Werden meine Daten hochgeladen?
Nein. Die Generierung erfolgt in Ihrem Browser.
Wie lang sollte eine Signatur sein?
5-7 Zeilen sind professionell. Darüber hinaus dominieren Signaturen in kurzen E-Mails. Längere Signaturen mit ausführlichen Social-Media-Handles oder Haftungsausschlüssen wirken unübersichtlich.