E-Mail-Signatur-Generator

E-Mail-Signaturen sind eine dieser Dinge, die Menschen aufschieben, bis ein Recruiter eine E-Mail sendet und fragt, wo Ihr LinkedIn-Profil ist. Dieser Generator erstellt eine saubere, tabellenbasierte HTML-Signatur aus sechs Feldern: Name, Titel, Firma, E-Mail, Telefon und Website, und verwendet dabei nur das CSS, das Gmail, Outlook und Apple Mail zuverlässig darstellen.

So erstellen Sie eine E-Mail-Signatur

  1. 1

    Geben Sie Ihre Daten ein

    Name, Titel, Firma, E-Mail, Telefon und Website. Leere Felder werden übersprungen.

  2. 2

    HTML generieren

    Das Tool erstellt eine kompakte tabellenbasierte Signatur mit Ihrem Namen oben und Ihren Kontaktdaten darunter.

  3. 3

    Den Code kopieren

    Markieren Sie das generierte HTML im Ausgabefeld und kopieren Sie es in die Zwischenablage.

  4. 4

    In Ihren E-Mail-Client einfügen

    Öffnen Sie den Signatur-Editor in Gmail, Outlook oder Apple Mail und fügen Sie das HTML ein. Senden Sie sich eine Test-E-Mail, um die Darstellung zu prüfen.

Warum tabellenbasiertes HTML?

E-Mail-Clients interpretieren HTML inkonsistent. Outlook verwendet die Rendering-Engine von Word, die viel modernes CSS ignoriert (kein Flexbox, kein Grid, eingeschränkter Box-Schatten). Tabellenlayouts mit Inline-Stilen sind das eine Muster, das jeder große Client zuverlässig darstellt. Der Generator schreibt genau diesen schmalen Stil, sodass die Signatur in Gmail, Outlook Desktop, Outlook Web, Apple Mail und iOS Mail gleich aussieht.

Was der Generator erzeugt

Das Ergebnis ist eine einfache Tabelle: Ihr Name in Fettschrift in der ersten Zeile, darunter Titel oder Firma, und in der letzten Zeile Ihre Kontaktdaten, getrennt durch einen senkrechten Strich:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

Leere Felder werden einfach übersprungen, so bleibt eine Signatur mit nur Name und E-Mail kompakt.

Was gehört in eine Signatur

Unverzichtbar:

  • Vollständiger Name.
  • Titel oder Rolle.
  • Firmenname.
  • Direkter Kontakt (E-Mail oder Telefon).

Nützliche Ergänzungen:

  • LinkedIn-URL oder Link zur persönlichen Website.
  • Telefonnummer für Rollen mit Kundenkontakt.

Vermeiden:

  • Lange inspirierende Zitate.
  • Animierte GIFs (viele Clients entfernen Animationen).
  • Große Bilder (verlangsamen das Laden von E-Mails und werden als “schwer” markiert).
  • “Vertraulichkeits”-Hinweise über 2-3 Zeilen, außer rechtlich erforderlich.
  • Eine Wand aus Social-Media-Icons für jedes Netzwerk, bei dem Sie je registriert waren.

Foto oder Logo später hinzufügen

Der Generator erzeugt nur Text. Um ein Porträt oder Logo hinzuzufügen, fügen Sie das generierte HTML in den Signatur-Editor Ihres E-Mail-Clients ein und nutzen dessen Bildfunktionen, oder bearbeiten Sie das HTML und ergänzen Sie einen img-Tag, der auf ein gehostetes Bild verweist. Das Bild muss unter einer öffentlich erreichbaren URL liegen:

  • Firmen-CDN: am besten für Geschäftssignaturen; Ihre IT kann unter der Marken-Domain hosten.
  • Kostenlose Bildhosts (imgur, Cloudinary kostenloser Tarif): schnell und kostenlos; Risiko, dass der Host ausfällt.
  • Base64-Einbettung: erspart das Hosting, bläht aber jede E-Mail um 20-50 KB auf und wird von einigen Outlook-Konfigurationen entfernt.

Halten Sie Bilder klein: unter 20 KB, quadratisch, 120x120 oder kleiner.

Outlook-spezifische Eigenheiten

  • Breite: unter 600px bleiben; breitere Signaturen werden im Vorschaufenster abgeschnitten.
  • Schriften: bei Arial, Helvetica, Georgia, Verdana bleiben oder einen Stack wie font-family: "Segoe UI", Arial, sans-serif; verwenden.
  • Farben: reines #000 vermeiden; #333 oder #444 rendert im Dunkelmodus von Outlook besser.
  • CSS-Variablen, Flex, Grid oder SVG nicht als Hauptelemente verwenden.

Rechtliche Hinweise

Manche Rechtsordnungen (UK Companies Act 2006, EU-Anforderungen für bestimmte Unternehmen) verlangen einen registrierten Firmennamen, eine Nummer und eine Adresse in Geschäftsmails. Fügen Sie die geforderten Angaben selbst hinzu, entweder in den Feldern für Titel und Firma oder durch anschließende Bearbeitung des HTML, und klären Sie mit Ihrer Rechtsabteilung, ob Ihr Markt sie verlangt.

Häufig gestellte Fragen

Ja. Fügen Sie das HTML in den Signatur-Editor von Gmail ein (Einstellungen > Alle Einstellungen anzeigen > Signatur). Gmail unterstützt Bilder, Links und die meisten CSS-Stile. Senden Sie sich eine Test-E-Mail, um die Darstellung zu prüfen.

Ja, auch wenn Outlook Desktop (Windows, Mac, 365) die meisten Eigenheiten hat. Das generierte HTML verwendet die schmale CSS-Teilmenge, die Outlook unterstützt. Testen Sie nach dem Einfügen in Ihrer spezifischen Outlook-Version.

Der Generator erzeugt nur Text. Um ein Bild hinzuzufügen, fügen Sie den Code in den Signatur-Editor Ihres E-Mail-Clients ein und fügen das Bild dort ein, oder bearbeiten Sie das HTML und ergänzen einen img-Tag mit einem öffentlich gehosteten Bild. Halten Sie Fotos unter 20 KB und quadratisch (120x120 oder kleiner); große Bilder verlangsamen das Laden von E-Mails und können Spam-Filter auslösen.

Nein. Die eingegebenen Angaben werden nur zum Erstellen der Signatur verwendet und nicht gespeichert oder aufbewahrt.

Verwandte Tools

Tool in anderen Sprachen verfügbar