Unterstützt die Signatur den Dark Mode?

Ja, das 'Auto'-Theme fügt einen Medienblock für den Dunkelmodus hinzu, den Clients wie Apple Mail unterstützen. Alternativ können Sie ein festes dunkles Theme wählen.

Welche Social-Media-Plattformen werden automatisch erkannt?

Der Generator erkennt Links zu LinkedIn, X, GitHub, Instagram, Facebook und YouTube und fügt die passenden Icons ein.

Benötige ich HTML-Kenntnisse, um das Tool zu nutzen?

Nein, Sie tragen Ihre Daten einfach in die Eingabemaske ein und kopieren den fertigen HTML-Code per Klick.

Warum wird mein Foto oder Logo nicht angezeigt?

Stellen Sie sicher, dass Sie eine öffentlich zugängliche Bild-URL (z. B. auf Ihrem Webserver oder einem Bildhoster) verwenden.

Funktioniert die Signatur auch in Outlook?

Ja, das tabellenbasierte Layout und die Inline-Styles sind speziell für die Kompatibilität mit Outlook und anderen gängigen Mail-Clients optimiert.

Elysia Tools

Mobile Navigation

Design

E-Mail-Signatur-HTML-Generator

Erzeugt eine saubere, kopierfertige HTML-E-Mail-Signatur, die in Gmail, Outlook und Apple Mail korrekt dargestellt wird — mit Avatar/Logo, Social Icons (automatisch aus Ihren Links erkannt), Akzentfarbe, Hell/Dunkel/Auto-Theme und einem tabellenbasierten, E-Mail-sicheren Layout mit Inline-Styles. HTML kopieren und direkt in den Mail-Client einfügen.

Einzelheiten

Wobei dieses Tool hilft

Erstellen Sie eine professionelle E-Mail-Signatur, die überall funktioniert:

Daten ausfüllen — Name, Position, Firma, E-Mail, Telefon, Website, Adresse und eine öffentliche Foto-/Logo-URL.
Layout wählen — nebeneinander (Foto links mit Akzent-Trennbalken) oder gestapelt (nur Text). Ohne URL wird das Foto ausgeblendet.
Gestalten — Akzentfarbe, web-sichere Schrift und Hell/Dunkel/Auto-Theme (Auto fügt einen prefers-color-scheme-Block ein, den Apple Mail beachtet).
Soziale Links — LinkedIn, X, GitHub, Instagram, Facebook oder YouTube einfügen; Icons werden als E-Mail-sichere Inline-SVG-Data-URIs gerendert.
HTML kopieren — eigenständige tabellarische Signatur mit Inline-Styles für Gmail/Outlook/Apple Mail.

Alles läuft lokal.

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Vorbereitete Beispielausführungen

Klicken Sie auf ein Beispiel, um das Formular automatisch auszufüllen. Dateien müssen weiterhin hochgeladen werden.

2 Beispiele

Vollständige Signatur nebeneinander mit Social Icons

Vollständige geschäftliche Signatur mit Foto, Akzent-Trennbalken, Kontakten und automatisch erkannten LinkedIn/GitHub/X-Icons.

<table class="esig"><tr><td><img width="72" height="72"></td><td><div>Jane Doe</div><div>Product Manager · Acme Inc.</div><a href="mailto:[email protected]">[email protected]</a>…</td></tr></table>

Minimal gestapelt (dunkles Theme)

Nur-Text-Signatur gestapelt im dunklen Theme — ideal für Ingenieure mit bevorzugtem dunklen Look.

<table class="esig" style="background:#111827"><tr><td><div>Alex Chen</div><div>Staff Engineer · Nullcorp</div>…</td></tr></table>

Eingaben

Optionen sind gruppiert, damit lange Formulare übersichtlich bleiben.

13 Optionen

InhaltHaupteingaben einfügen oder eingeben.9

Vollständiger NametextPflichtPositiontextOptionales FeldUnternehmentextOptionales FeldE-MailtextOptionales FeldTelefontextOptionales FeldWebseitetextOptionales FeldAdressetextOptionales FeldFoto-/Logo-URLtextOptionales FeldSoziale NetzwerketextareaOptionales FeldOne per line or comma-separated. Auto-detects LinkedIn, X, GitHub, Instagram, Facebook, YouTube.

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.4

AkzentfarbecolorOptionales FeldSchriftartselectOptionales FeldLayoutselectOptionales FeldThemeselectOptionales Feld

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Mit verwandten Tools und Themen fortfahren

fullName: 'Jane Doe', jobTitle: 'Product Manager', company: 'Acme Inc.', photoUrl: 'https://i.pravatar.cc/150?img=47', socials: 'linkedin.com/in/janedoe\nx.com/janedoe', accent: '#2563eb', layout: 'side', theme: 'light'

E-Mail-Signatur-HTML-Generator

Wobei dieses Tool hilft

Dieses Tool ausführen

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. Professionelle Business-Signatur mit Logo

2. Minimalistische Entwickler-Signatur im Dark Mode

FAQ

HTML-Beispiele

HTML mit Bildern Proben

MSG Viewer Samples

Textbeispiele mit Sensiblen Daten

Bild-Palette zu Design-Tokens

HTML-Tag-Entferner

QR-Code-Generator

Accessibility-Heatmap-Generator

HTML-Extraktions-, Bereinigungs- und Markdown/PDF-Export-Tools

Werkzeuge fur Barcodes, QR-Codes und Etiketten

Tools fuer Web-Accessibility-Audits und lesbare Farbpruefung

Tools für HTML-Extraktion, Bereinigung und Auslieferung