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.

E-Mail-Signatur-HTML-Generator

Beispiele

1. Professionelle Business-Signatur mit Logo

Marketing-Managerin

Hintergrund

Eine Marketing-Managerin möchte eine E-Mail-Signatur mit ihrem Porträtfoto, Firmenfarben und Social-Media-Links erstellen, die auf allen Geräten professionell aussieht.

Aufgabe

Manuell erstellte HTML-Signaturen verziehen sich oft in Outlook oder laden externe Icons nicht korrekt.

Verwendung

Sie trägt ihren Namen, ihre Position und die URL ihres Avatars ein. Unter 'Soziale Netzwerke' fügt sie ihre LinkedIn- und X-Profile hinzu und wählt ein blaues Akzent-Design im Side-by-Side-Layout.

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'

Ergebnis

Sie erhält einen sauberen HTML-Code mit einer Tabelle, der ihr Foto links und die Kontaktdaten rechts sauber getrennt darstellt, inklusive funktionierender Social-Icons.

2. Minimalistische Entwickler-Signatur im Dark Mode

Software-Entwickler

Hintergrund

Ein Entwickler bevorzugt ein schlichtes, dunkles Design für seine E-Mails, das ohne ablenkende Bilder auskommt, aber sein GitHub-Profil hervorhebt.

Aufgabe

Standard-Signaturen sind oft zu bunt oder erzwingen helle Hintergründe, was im Dark Mode störend wirkt.

fullName: 'Alex Chen', jobTitle: 'Staff Engineer', company: 'Nullcorp', socials: 'github.com/alexchen', accent: '#10b981', layout: 'stacked', theme: 'dark'

E-Mail-Signatur-HTML-Generator | Elysia Tools

E-Mail-Signatur-HTML-Generator

Wobei dieses Tool hilft

Dieses Tool ausführen

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Vorbereitete Beispielausführungen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

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 mit Bildern Proben

Textbeispiele mit Sensiblen Daten

Contentful Cloud-basierte CMS Beispiele

Cypress E2E Testing Framework

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 fur Audio-Encoding und Formatkonvertierung