Bilder spielen eine wichtige Rolle, wenn es darum geht, die Aufmerksamkeit deiner Empfänger:innen zu gewinnen und dein E-Mail-Design lebendiger zu gestalten. Mit dem Inhaltsblock Image (Bild) aus dem Drag-and-Drop-E-Mail-Editor kannst du deine Bilder einfügen, anpassen und verbessern. Passe Größe, Rahmen und Alt-Text an und bearbeite sie direkt im Editor, um deine E-Mails ansprechend, professionell und markengerecht zu gestalten.
🏞️ Einfügen von Bildern in dein E-Mail-Design
Um Bilder in dein E-Mail-Design einzufügen, musst du zunächst den Inhaltsblock Image (Bild) in dein E-Mail-Canvas ziehen und dort ablegen, wo du das Bild haben möchtest:
Sobald dein Inhaltsblock Image (Bild) in deinen Canvas eingefügt ist, gibt es mehrere Möglichkeiten, ein Bild hinzuzufügen:
- Per Drag & Drop von deinem Computer
- Durch das Hochladen in deine Content-Bibliothek, um Bilder wiederzuverwenden
- Von einer URL aus einfügen
- Durch die Verwendung von Variablen, um Bilder an deine Empfänger:innen anzupassen
- Durch die Generierung von Bildern mit Aura AI
Wähle die Registerkarte aus, die der Art und Weise entspricht, wie du Bilder in dein E-Mail-Design einfügen möchtest:
Füge deinem E-Mail-Design ganz einfach Bilder hinzu, indem du sie per Drag & Drop direkt aus deinem System in den Inhaltsblock Image (Bild) ziehst. Deine Bilder werden automatisch zu deinem E-Mail-Design hinzugefügt und in deiner Content-Bibliothek gespeichert.
Nutze die Content-Bibliothek, um deine eigenen Bilder hochzuladen, Stock- oder GIF-Bilder zu verwenden oder Bilder direkt im E-Mail-Editor zu erstellen. Um auf die Content-Bibliothek zuzugreifen, klicke auf den Inhaltsblock Image (Bild) und dann auf Replace (Ersetzen).
➡️ Weitere Informationen über die Content-Bibliothek findest du in unserem speziellen Artikel Hinzufügen und Verwalten von Bildern in der Content-Bibliothek.
Klicke auf den Inhaltsblock Image (Bild) und füge den direkten Link zu dem Ort, an dem dein Bild gehostet wird, in das Feld Insert image from URL (Bild von URL einfügen) im linken Bereich ein:
Dein Bild muss auf einer öffentlich zugänglichen Website gehostet werden. Das Bild wird in deiner E-Mail erscheinen, ohne dass du es in deine Content-Bibliothek hochladen musst. Wenn deine E-Mail geöffnet wird, wird das Bild direkt von dieser URL geladen, sodass alle Aktualisierungen, die an der Datei auf deiner Website vorgenommen werden, automatisch in zukünftigen E-Mail-Ansichten erscheinen.
Mithilfe von Variablen kannst du automatisch dynamische, individuelle Bilder in deiner E-Mail anzeigen. Anstatt ein nicht veränderliches Bild einzufügen, füge eine Variable hinzu, die in Echtzeit das Bild beim Versenden der E-Mail ersetzt, basierend auf den neuesten verfügbaren Daten.
| Template für E-Mails in Brevo | Im Postfach empfangene E-Mail |
|---|---|
Beispielsweise wird bei einer Ereignisdatenvariable jedem/jeder Empfänger:in das Bild der Daten angezeigt, die zum Zeitpunkt des Versendens mit ihm/ihr verknüpft sind. Die Daten werden automatisch aktualisiert und das angezeigte Bild spiegelt immer die neueste Version der Daten wider, ohne dass manuelle Aktualisierungen erforderlich sind.
➡️ Weitere Informationen über Variablen und wie du damit Bilder einfügen kannst, überprüfst du in unseren Artikeln Personalisierung deiner E-Mails mit Ereignisdaten, Erstellen und Versenden von Produktempfehlungen mit Produkt-Feeds und Personalisierung deiner E-Mail-Inhalte mit Echtzeitdaten (Datenfeed).
Erstelle ganz einfach benutzerdefinierte Bilder, indem du Aura als integrierten Bildgenerator im Drag-and-Drop-E-Mail-Editor verwendest. Kreiere Bilder, die perfekt zu deiner Kampagne passen, ohne dass du dafür Designkenntnisse brauchst!
Sobald dein Inhaltsblock Image (Bild) in deinen Canvas eingefügt ist, kannst du Folgendes tun:
- Wähle den Inhaltsblock Image (Bild) aus und klicke in der Bild-Symbolleiste auf Generate image (Bild generieren). Es öffnet sich ein Dialogfeld.
- Im Dialogfeld beschreibst du das Bild, das Aura erstellen soll. Sei so detailliert wie möglich, um die besten Ergebnisse zu erzielen. Beispielsweise: „Ein beschauliches Yogastudio mit natürlichem Sonnenlicht, das durch große Fenster strömt, Pflanzen im Hintergrund und einer Yogamatte auf einem Holzboden“.
- Wähle deine bevorzugte Größe und deinen Stil in den entsprechenden Dropdown-Optionen aus (z. B. Fotografie, Hintergrund, Vektorgrafik usw.).
- Drücke die Eingabetaste oder klicke auf das Pfeilsymbol ⬆, um das Bild zu erstellen.
Aura wird dein Bild in nur wenigen Sekunden erstellen. Wenn du nicht ganz zufrieden bist, kannst du Folgendes tun:
- Klicke auf Refine image (Bild verfeinern), um deine Anfrage anzupassen und das Bild zu verbessern, oder
- Klicke erneut auf Generate an image (Bild generieren), um eine neue Bildvariante zu erstellen.
🖌️ Bearbeitung deines Bildes (Größe ändern, zuschneiden, Alt-Text usw.)
Die Größe eines Bildes ändern
Um die Größe eines Bildes zu ändern, klicke auf das Bild, dessen Größe du ändern möchtest, und platziere deinen Cursor auf eine der unteren Ecken des Bildes. Sobald der Pfeil erscheint, ziehst du an der Ecke, bis du die perfekte Größe gefunden hast. Alternativ kannst du auch den Bereich Layout im linken Fenster aufrufen und den Wert im Feld Width (Breite) ändern.
Hinzufügen eines Alt-Textes zu einem Bild
| Bei einem Alt-Text handelt es sich um eine kurze Bildbeschreibung, die angezeigt wird, wenn das Bild nicht geladen werden kann oder für Benutzer:innen von Bildschirmlesegeräten. Er erhöht die Zugänglichkeit, verbessert die Erfahrung des/der Benutzer:in und vermittelt die Botschaft, wenn Bilder blockiert oder nicht verfügbar sind. |
So fügst du einen Alt-Text zu deinen Bildern hinzu:
- Wähle das Bild aus, zu dem du einen Alt-Text hinzufügen möchtest. Es öffnet sich das linke Fenster mit deinen Inhaltseinstellungen.
- Im Bereich Image settings (Bildeinstellungen) im linken Fenster findest du das Feld Alt-Text.
-
Gib eine kurze Beschreibung für dein Bild ein. Wir empfehlen, eine kurze und präzise Beschreibung des Bildinhalts zu verfassen, die nur die wichtigsten Informationen enthält. Vermeide es, Bild mit zu schreiben und konzentriere dich bei der Beschreibung auf den Zweck des Bildes.
Hinzufügen eines Links zu einem Bild
Wenn du einen Link zu einem Bild hinzufügst, kannst du deine Empfänger:innen direkt von deinen Bildern auf deine Website, eine Produktseite oder ein anderes Ziel weiterleiten:
So leitest du deine Empfänger:innen auf eine Website weiter:
Klicke auf das von dir eingefügte Bild. Die Bildeinstellungen öffnen sich auf der linken Seite.
- Öffne im linken Fensterbereich das Untermenü Link settings (Link-Einstellungen).
- Wähle im Dropdown-Menü Link-Typ die Option Absoluter Link (URL).
- Gib in das Feld Link target (Linkziel) die URL deiner Seite ein.
- (Optional) Klicke auf das Symbol {} Variable hinzufügen, um deine URL mit einem Kontakt-Attribut, Ereignisdaten oder einer Datenfeed-Variable zu personalisieren.
- (Optional) Füge einen Tooltip-Text hinzu, der als Hilfetext erscheint, wenn die Maus darüber bewegt wird.
So leitest du deine Empfänger:innen zu einer Datei um, die sie herunterladen sollen:
- Lade deine Datei bei einem Drittanbieter wie WeTransfer oder Dropbox hoch und stelle sicher, dass deine Datei öffentlich zugänglich ist.
- Klicke auf das von dir eingefügte Bild. Die Bildeinstellungen öffnen sich auf der linken Seite.
- Öffne im linken Fensterbereich das Untermenü Link settings (Link-Einstellungen).
- Wähle im Dropdown-Menü Link-Typ die Option Absoluter Link (URL).
- Gib in das Feld Link target (Linkziel) die URL Ihrer Datei ein.
- (Optional) Füge einen Tooltip-Text hinzu, der als Hilfetext erscheint, wenn die Maus darüber bewegt wird.
Ein Bild bearbeiten (zuschneiden, Farbe ändern, Text hinzufügen usw.)
Unser Drag-and-Drop-Editor enthält einen Bildeditor, mit dem du dein Bild zuschneiden, Filter sowie Text oder Textdesign hinzufügen kannst. Um den Bildeditor aufzurufen, klicke auf dein Bild und dann auf die Schaltfläche Edit (Bearbeiten) im Bereich Image Settings (Bildeinstellungen) auf der linken Seite.
📹 Schau dir das folgende Video an, um zu erfahren, wie du die Grundlagen des Bildbearbeitungsprogramms lernst:
Hinzufügen eines Rahmens oder abgerundeter Ecken
Mit Rahmen und abgerundeten Ecken kannst du deine Bilder hervorheben und ihnen einen visuellen Stempel aufdrücken, der zu deiner Marke passt.
Hinzufügen von Sichtbarkeitsbedingungen zu einem Bild
Wähle aus, wann deine Bilder in deiner E-Mail angezeigt werden sollen, indem du die Sichtbarkeitsbedingungen festlegst. Damit kannst du ein Bild auf der Grundlage des Geräts oder der Kontakt-Attribute des/der Empfänger:in, wie z. B. Standort oder Sprache, anzeigen oder ausblenden. So kannst du dein Design ganz einfach personalisieren und sicherstellen, dass alle Empfänger:innen die relevanteste Version deiner E-Mail sehen.
➡️ Weitere Informationen findest du in unserem Artikel Inhalte in deinen E-Mails anzeigen oder ausblenden (Sichtbarkeit des Inhalts).
⏭️ Nächste Schritte
- Hinzufügen und Verwalten von Bildern in der Content-Bibliothek
- Bereich des Drag & Drop-E-Mail-Editors
🤔 Sie haben eine Frage?
Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.
Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.