E-Mail-Signatur gestalten: 600×200 Banner, leicht

Gute E-Mail-Signatur-Gestaltung ist vor allem Zurückhaltung: dein Name, deine Funktion und ein oder zwei Wege, dich zu erreichen, als echter Text, dazu ein kleiner Bildbanner in 600×200 Pixel, der deine Marke trägt. Halte den Banner leicht, verlinke ihn mit einer Seite und setze Telefonnummer oder E-Mail-Adresse nie nur ins Bild, denn viele Postfächer verbergen Bilder, bis der Leser etwas anderes sagt.

Was in eine E-Mail-Signatur gehört

Eine Signatur hat zwei Aufgaben: sagen, wer du bist und wie man dich erreicht, und daran erinnern, was du tust. Die erste Aufgabe ist Text. Die zweite kann ein Banner übernehmen. Alles darüber hinaus ist Ballast, den Leute zu überspringen lernen.

Größe und Gewicht von E-Mail-Signatur-Bannern

Gestalte den Banner in 600×200 Pixel, ein Streifen im Verhältnis 3:1. Sechshundert Pixel ist die Breite, auf die klassische E-Mail-Vorlagen ausgelegt sind, also passt ein Banner dieser Größe ohne Skalierung in die Mail-App eines Handys und in die Lesespalte am Desktop. Für hochauflösende Bildschirme exportierst du dasselbe Design in doppelter Größe, 1200×400, und lässt die E-Mail es mit 600 Pixel Breite anzeigen.

Das Gewicht zählt mehr, als du denkst, weil das Bild in einem langen Verlauf bei jeder Antwort mitreist. Halte die Datei deutlich unter 100 KB. Ein Verlaufsbanner lässt sich wunderbar als hochwertiges JPEG exportieren; nimm PNG nur, wenn du Transparenz oder sehr feine Schrift brauchst. Machst du auch einen Newsletter, behandelt die Anleitung E-Mail-Header gestalten das größere Format.

Den Banner gestalten

Ein Banner, den man hundertmal pro Woche sieht, sollte eine Sache sagen und sie ruhig sagen. Am besten funktioniert er als leise Werbung: dein nächstes Event, eine neue Leistung, ein Buchungslink oder einfach der Look deiner Marke mit einer kurzen Zeile. Ändere die Worte mit der Jahreszeit und behalte den Hintergrund.

Der Dunkelmodus ist eine echte Falle. Manche Mail-Apps kehren helle Farben um oder tönen sie, sodass ein Logo auf transparentem Hintergrund in einem dunklen Postfach verschwinden kann. Ein Banner mit eigenem vollflächigem Hintergrund, etwa einem satten Verlauf, sieht in beiden Modi gleich aus. Design für den Dunkelmodus und Verläufe in E-Mails gehen näher darauf ein, wie Programme mit Farbe umgehen.

HTML für eine E-Mail-Signatur, die zusammenhält

E-Mail-Programme sind beim Layout altmodisch, deshalb baut man Signaturen mit einfachen Tabellen und Inline-Styles. Dieses Beispiel funktioniert in den gängigen Programmen: Füge es in eine HTML-Datei ein, öffne sie im Browser, markiere alles und kopiere es in die Signatureinstellungen deiner Mail-App.

<table cellpadding="0" cellspacing="0" border="0" style="font-family: Arial, Helvetica, sans-serif; color: #1f2937;">
  <tr>
    <td style="padding-bottom: 8px;">
      <strong style="font-size: 15px;">Maya Okafor</strong><br>
      <span style="font-size: 13px;">Founder, Studio Alder</span><br>
      <a href="https://example.com/book" style="font-size: 13px; color: #1f2937;">Book a call</a>
      &middot;
      <a href="https://example.com" style="font-size: 13px; color: #1f2937;">example.com</a>
    </td>
  </tr>
  <tr>
    <td>
      <a href="https://example.com/weddings">
        <img src="https://example.com/email/banner-1200x400.jpg"
             width="600" height="200" alt="Studio Alder: now booking spring weddings"
             style="display: block; border: 0; max-width: 100%; height: auto;">
      </a>
    </td>
  </tr>
</table>

Deine Signatur einrichten, Schritt für Schritt

1. 1

   Den Textblock schreiben

   Name, Funktion und Firma, ein Link zum Handeln, deine Website. Lies es laut vor und streiche alles, was du nicht sagen würdest.

2. 2

   Den Banner in 600×200 gestalten

   Nimm deinen Markenhintergrund und eine kurze Zeile. Halte die Worte in der Mitte, mit Platz an beiden Enden.

3. 3

   In 1200×400 exportieren

   Ein hochwertiges JPEG für Verläufe und Fotos, PNG für Transparenz. Prüfe, dass die Datei unter 100 KB liegt.

4. 4

   Auf deine Website hochladen

   Lege ihn in einen stabilen Ordner wie /email/, damit sich die Adresse nie ändert und alte E-Mails ihren Banner behalten.

5. 5

   HTML bauen und einfügen

   Passe den Code oben an, setze die Breite auf 600, schreibe echten Alt-Text und füge alles in deine Mail-App ein.

6. 6

   Richtig testen

   Schick ihn an eine Gmail- und eine Outlook-Adresse, öffne ihn auf dem Handy, schalte den Dunkelmodus an und aus und antworte zweimal auf den Verlauf.

Signaturen im Team einheitlich halten

Signaturen laufen auseinander: Einer fügt ein Zitat hinzu, eine andere nutzt das Logo vom letzten Jahr. Gib dem Team eine HTML-Vorlage und einen Banner und tausche den Banner zentral aus, wenn sich die Botschaft ändert. Dieselbe Disziplin wie in Markenkonsistenz gilt hier, nur kleiner.

Gradiently hat im Studio die Größe E-Mail-Signatur in 600×200 bereit, und eine eigene Größe in 1200×400 deckt den hochauflösenden Export ab. Kostenlose Exporte tragen ein kleines Wasserzeichen, ein sauberer Banner braucht also Pro, das auch das Markenkit mitbringt: Logo, Farben und Schriften an einem Ort. Der Mark hinter dem Banner ist derselbe wie auf deinen Social-Media-Beiträgen und Visitenkarten, sodass eine Antwort im Postfach eines anderen unverkennbar wie der Rest deiner Marke aussieht.