We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Wie können wir Ihnen helfen?
Durchsuchen Sie unsere Hilfe-Artikel, Video-Tutorials und Schnellstart-Anleitungen

Sie haben es. Sie haben uns. Durchsuchen Sie unsere Wissensdatenbank für eine schnelle Antwort auf Ihre Fragen zum E-Mail-Marketing.

Bilder-Tipps zum Bearbeiten von E-Mails auf Desktop-PCs

Article: 000005619
Updated: 29. November 2021

Bilder in Ihrer E-Mail auf einem Desktop-PC oder Laptop für die größte Wirkung anordnen und formatieren

Bilder kommunizieren etwas schneller als nur Text, insbesondere dann, wenn sie im richtigen Layout verwendet werden. E-Mails mit maximal drei Bildern — ohne Logo oder Social-Media-Symbole — erhalten viel höhere Klickraten. Platzierung und Qualität sind alles. Verwenden Sie eine Strategie und fügen Sie ein Bild nur dann ein, wenn es zu Ihrem Inhalt beiträgt. 

 
Design-TippWussten Sie schon? Die Constant Contact-App hat viele grundlegende Bildbearbeitungswerkzeuge, damit Sie Bilder Ihrer Bibliothek hinzufügen, sie bearbeiten und dann in Ihre E-Mail einfügen können, alles mit einem Mobilgerät.
 

Verwendung von Text mit Bildern

Nutzen Sie Text mit Ihren Bildern, um die optische Wirkung zu maximieren:

  • Einem Bild Text hinzufügen – Schützen Sie die Klarheit Ihres Textes in Ihrem Bild, indem Sie den Text auf dem Bild mit Bearbeitungs-Tools abstufen, nachdem Sie ihn Ihrer E-Mail hinzugefügt haben. Wenn Sie Text vor dem Hochladen in Ihre Bibliothek hinzufügen, kann der Text gestreckt oder körnig aussehen.
  • Ein Bild mit Text umrahmen – Wenn sich das Bild auf einen bestimmten Text bezieht, versuchen Sie, das Bild mit Text zu umrahmen, um es einheitlich aussehen zu lassen.
  • Beschriftung hinzufügen – Verleihen Sie Ihrem Bild Klarheit, indem Sie eine Beschriftung hinzufügen, um zu beschreiben, wer auf Ihrem Bild ist oder was geschieht.
  • Beschreibungen verwenden – Weil einige E-Mail-Programme keine Bilder anzeigen, fügen Sie immer eine Bildbeschreibung hinzu. Bildbeschreibungen werden auch von Screenreadern für Sehbehinderte verwendet.
  • Text-Bild-Verhältnis –Vermeiden Sie, eine Nur-Bild-E-Mail zu senden, weil sie Spam-Filter aktivieren kann. Stellen Sie sicher, dass alle Bilder, die Sie hinzufügen, mit einer entsprechenden Textmenge abgeglichen sind. Eine gute Faustregel lautet ein Bild für ca. 20 Textzeilen.

    E-Mail-Vorlage in E-Mail-Bearbeitungsprogramm, Bild mit Unterschrift und gutes Text-Bild-Verhältnis
     

Positionierung und Formatierung von Bildern

Sie werden erkennen, wenn Ihr Bild an der richtigen Stelle ist, weil es abgeglichen aussieht. Bilder fallen ins Auge, verknüpfen Sie daher das Bild für guten Informationsfluss mit dem umliegenden Inhalt.

  • Größe – Verwenden Sie nicht einfach die Universalmethode. Passen Sie die Bildgröße an, damit es ordentlich in den Block passt.
  • Zuschneiden – Lassen Sie Ihren Betreff hervorstechen, indem Sie die unnötigen Teile des Bildes ausschneiden.
  • Padding – Erstellen Sie einen Seitenrand um Ihr Bild, um die Aufmerksamkeit direkt darauf zu lenken. Das Einfügen von Platzhaltern über oder unter dem Bild kann auch für mehr Abstand sorgen.
  • Begrenzung – Verhindern Sie, dass Ihr Bild im Hintergrund verblasst, indem Sie eine Begrenzung in einer Kontrastfarbe hinzufügen oder die Hintergrundfarbe in Ihrem Block anpassen.
  • Nebeneinander liegende Bilder  – Fügen Sie in Ihren Block zwei Bilder nebeneinander ein, indem Sie ein zweispaltiges Layout erstellen. Beim Anzeigen auf einem Mobilgerät stapeln sich die Bilder am linken Bild, das oben angezeigt wird.

    E-Mail-Vorlage in E-Mail-Bearbeitungsprogramm, zweizeilige Bilder und Logo
     
 
GlühlampensymbolDesigntipp: Manchmal kann das Aussehen eines Bildes mit einem besseren Design in anderen Teilen der E-Mail verbessert werden. Lesen Sie unsere Tipps zum Hervorheben Ihrer Bilder.
 

Design mit Bildern und für Bilder

Der Bildtyp bezieht sich darauf, wie Sie ihn in Ihrer E-Mail verwenden:

  • Logo – Ihr Logo kann helfen, um von Ihren Kontakten erkannt zu werden und um E-Mail-Resultate zu verbessern. Egal, wo Sie Ihr Logo platzieren, verlinken Sie es unbedingt auf Ihre Website.
  • Hintergrundbild – Hintergrundbilder können Ihren Inhalt am Bildschirm öffnen, aber nicht alle E-Mail-Clients oder Mobilgeräte zeigen sie an. Das Ändern der Hintergrundfarben ist eine einfache Methode, um Ihr Branding hinzuzufügen.
  • Miniaturansicht – Sie können einen Screenshot aufnehmen, um ein kleineres Bild eines Dokuments zu erstellen. Dann fügen Sie es Ihrer E-Mail hinzu und verknüpfen es mit der Vollversion. Wenn Sie eine PDF benutzen, ist es einfach, eine komplette E-Mail von einem Bild der ersten Seite zu erstellen. Sie können sogar eine Miniaturansicht der PDF erstellen, wenn Sie sie in die Bibliothek importieren.
  • Werbung oder Aktionsaufruf – Wenn Sie ein Bild bis zu dem Punkt, wo Leser Maßnahmen ergreifen, verwenden, stellen Sie sicher, dass Ihr Bild mit der relevantesten Webseite verknüpft ist. Wenn Sie zum Beispiel einen Artikel zum Verkauf markieren, verknüpfen Sie anstatt der Homepage, wo der Leser den Link suchen muss, eine Produktdetailseite für den Artikel.
  • Schaltfläche – Manchmal gehen Textlinks verloren, aber Schaltflächen sind eine ausgezeichnete Methode, um den Link als Aktionsaufruf zu markieren. Wenn Sie kein Standardrechteck wollen, können Sie den Radius über die Option Schaltflächen im Tab Design regeln. Sie können auch Extra-Designdetails hinzufügen, indem Sie ein individuelles Bild als klickbaren Link verwenden.

    E-Mail-Vorlage im E-Mail-Bearbeitungsprogramm mit Hintegrundbild, Dokumenten-Miniaturansicht, Logo und Schaltfläche Aktionsaufruf
     
 
Design-TippWussten Sie schon? E-Mails sehen auf verschiedenen Geräten unterschiedlich aus. Ein Layout, das auf einem Desktop perfekt aussieht, kann auf dem Mobilgerät gestreckt oder vermischt aussehen. Lesen Sie unsere Best Practices für Mobilgeräte, um sicherzustellen, dass Ihre Kontakte stets das bestmögliche Anzeigeerlebnis bekommen.
 


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Alle Rechte vorbehalten · Constant Contact · Privacy Policy