Wie groß sollte ein Logo in der E-Mail-Signatur sein?

In der Anzeige 140 bis 200 px breit bei einem horizontalen Logo, 40 bis 60 px hoch bei einem quadratischen Logo oder Monogramm. Die Datei selbst sollte in doppelter Größe exportiert werden.

Funktioniert SVG in einer E-Mail-Signatur?

Nein, nicht zuverlässig. Die meisten E-Mail-Clients zeigen es nicht an, und manche blockieren es aus Sicherheitsgründen. Wandeln Sie Ihr Vektorlogo vor der Verwendung in PNG um.

Wie groß dürfen die Bilder einer Signatur maximal sein?

Bleiben Sie unter 30 KB für das Logo und unter 100 KB für alle Bilder zusammen, einschließlich Banner. Es geht nicht um Bandbreite, sondern um Wahrnehmung: Eine langsam ladende Signatur wirkt kaputt.

Braucht man ein eigenes Logo für den Dark Mode?

Das ist sinnvoll, wenn Ihr Logo schwarz auf transparentem Grund ist: Auf dunklem Hintergrund wird es unsichtbar. Die einfachste und zuverlässigste Lösung bleibt ein Logo auf leicht abgerundetem weißem Grund statt Transparenz.

Logo in der E-Mail-Signatur: Größe, Dateigröße und Format

Abmessungen, Dateigröße und Dateiformat für ein Logo in der E-Mail-Signatur: Export in doppelter Größe für hochauflösende Bildschirme, PNG oder JPEG und ein realistisches Größenbudget.

Das Logo ist das einzige zwingende grafische Element einer Unternehmenssignatur – und das, dessen technische Eigenschaften am häufigsten dem Zufall überlassen werden. Drei Parameter bestimmen das Ergebnis: Abmessungen, Pixeldichte und Dateiformat.

Die Anzeigegröße

Ausgangspunkt ist die Gesamtbreite der Signatur, die zwischen 500 und 600 px liegen muss, damit sie auf Mobilgeräten funktioniert. Das Logo darf daher nicht mehr als ein Drittel dieser Breite einnehmen, sonst erdrückt es den Rest.

In der Praxis:

Logotyp	Anzeigebreite	Anzeigehöhe
Horizontales Logo (Wort + Symbol)	140 – 200 px	32 – 56 px
Quadratisches Logo oder Monogramm	48 – 64 px	48 – 64 px
Konzernsignatur (zwei Logos)	je 120 px	32 – 40 px

Ein größeres Logo stärkt die Marke nicht: Es bringt den Block aus dem Gleichgewicht und schiebt die Kontaktdaten aus dem ersten Blickfeld.

Die Pixeldichte: in doppelter Größe exportieren

Das ist der technische Punkt, der am häufigsten übersehen wird. Fast alle aktuellen Bildschirme – Laptops, Tablets, Smartphones – stellen zwei oder mehr physische Pixel pro logischem Pixel dar. Ein in Anzeigegröße exportiertes Bild wirkt dort unscharf.

Die Regel lautet daher: doppelt exportieren, halb so groß anzeigen.

Für ein Logo mit 180 × 48 px Anzeigegröße erstellen Sie eine Datei mit 360 × 96 px und legen die Abmessungen dann im HTML fest:

<img src="logo@2x.png" width="180" height="48" alt="Unternehmen"
     style="display:block;border:0;width:180px;height:48px" />

Die HTML-Attribute sind unverzichtbar: Outlook ignoriert häufig Abmessungen, die nur per CSS angegeben sind, und würde das Bild dann in seinen nativen 360 px anzeigen. Den Mechanismus erläutert der Artikel HTML-E-Mail-Signatur, die übrigen Ursachen für defekte Logos der Artikel Logo in die Outlook-Signatur einfügen.

Das Dateiformat

PNG-24 für ein flächiges Logo mit Transparenz. Das ist die Standardwahl: scharfe Konturen, saubere Transparenz und universelle Unterstützung.

PNG-8, wenn Ihr Logo nur wenige Farben hat. Die Datei ist deutlich kleiner, aber Verläufe und geglättete Kanten leiden.

JPEG nur für ein Foto – etwa ein Porträt. Niemals für ein flächiges Logo: Die Komprimierung erzeugt sichtbare Artefakte an scharfen Konturen.

Kein SVG. Vektorgrafik wäre theoretisch ideal – scharf bei jeder Pixeldichte, sehr klein –, doch die meisten E-Mail-Clients zeigen sie nicht an, und manche blockieren sie aus Sicherheitsgründen. Wandeln Sie Ihre Vektorvorlage in PNG um.

GIF nur für ein animiertes Banner, nie für ein Logo. Die auf 256 Farben begrenzte Palette verschlechtert Verläufe.

Das Größenbudget

Bleiben Sie unter 30 KB für das Logo und unter 100 KB für alle Bilder der Signatur, einschließlich Banner.

Es geht nicht um Bandbreite: Um 200 KB macht sich heute niemand Sorgen. Es geht um Wahrnehmung. Die Bilder einer Signatur laden nach dem Nachrichtentext; verzögern sie sich, sieht der Empfänger zunächst einen zerfallenen Block mit leeren Rahmen, die sich nach und nach füllen. Das wirkt wie eine kaputte Nachricht.

Ein verlustfreier Komprimierungsdurchgang halbiert die Größe einer PNG-Datei in der Regel ohne sichtbaren Unterschied.

Gut zu wissen: Prüfen Sie die Größe der tatsächlich ausgelieferten Datei, nicht die Ihres Exports. Es kommt vor, dass ein 8-KB-Logo bei einer Designaktualisierung durch eine 1.200 px große Version mit 400 KB ersetzt wird, ohne dass es jemand bemerkt.

Sonderfall Dark Mode

Immer mehr E-Mail-Clients bieten ein dunkles Design, das den Hintergrund der Nachricht umkehrt. Ein schwarzes Logo auf transparentem Grund wird dort unsichtbar.

Drei Ansätze, nach Zuverlässigkeit geordnet:

Das Logo auf weißem Plättchen. Die Datei enthält einen leicht abgerundeten weißen Hintergrund. Theoretisch unschön, praktisch robust – und es funktioniert überall.

Ein zweifarbiges Logo, das auf beiden Hintergründen funktioniert. Wenn Ihr Corporate Design es zulässt – ein Logo mit einer Akzentfarbe, die auf hellem wie dunklem Grund genug Kontrast hat –, ist das die beste Lösung.

Umschalten per Media Query. prefers-color-scheme funktioniert nur in manchen Clients, nicht in Outlook für Windows. Behandeln Sie es als progressive Verbesserung, nie als Hauptlösung.

Worauf es wirklich ankommt: dass überall die richtige Datei verwendet wird

All diese Regeln lassen sich einmal leicht einhalten. Das Problem entsteht, wenn vierzig Personen jeweils ihre eigene Logoversion einfügen: Die eine nimmt die Datei aus der gedruckten Broschüre, die andere einen Screenshot der Website, eine dritte das alte Design.

Eine zentrale Vorlage löst diesen Punkt: Das Logo wird einmal hochgeladen, unter einer stabilen URL gehostet, korrekt dimensioniert und gesperrt. Ändert sich das Corporate Design, tauschen Sie die Datei aus, und alle Signaturen ziehen nach. Das ist die Aufgabe des Signally-Editors.