Konvertieren von Bildern in E-Mail-Inhaltsvorlagen image-to-html
Journey Optimizer können Sie die E-Mail-Erstellung erheblich beschleunigen, indem Sie statische Bilddesigns in vollständig anpassbare, modulare E-Mail-Inhaltsvorlagen umwandeln.
Durch die Nutzung der generativen KI-Technologie analysiert ein integriertes Tool das Layout, die Typografie, die Farben und die visuellen Elemente in Ihrem Bild und generiert saubere, modulare HTML-Inhalte, die die Designtreue erhalten und gleichzeitig mit der E-Mail-Designer vollständig bearbeitbar sind.
Diese Code-freie Funktion ermöglicht es Marketing-Experten, visuelle Assets von Grafikdesignern oder Design-Tools in responsive, bearbeitbare E-Mail-Vorlagen umzuwandeln, die in mehreren Journey und Kampagnen gespeichert und wiederverwendet werden können, ohne dass technisches Know-how erforderlich ist.
Die wichtigsten Vorteile sind:
- Schneller als Handcodierung - Der Konverter wandelt Bilder in Minuten in bearbeitbare Inhalte um, sodass Sie den manuellen, zeitaufwendigen Mockup-to-HTML-Workflow überspringen können.
- Keine technischen Fähigkeiten erforderlich - Marketing-Experten können Vorlagen ohne Design- oder Entwicklungsunterstützung erstellen und anpassen.
- Wiederverwendbar in allen Kampagnen - Speichern Sie Vorlagen in Ihrer Bibliothek und verwenden Sie sie auf jeder Journey oder Kampagne.
- Bleibt dem Design treu - Die Ausgabe stimmt mit Ihrem Layout und Stil überein und ist gleichzeitig vollständig mit dem E-Mail-Designer kompatibel.
Der Bild-zu-HTML-Converter eignet sich ideal für:
- Plattformmigration: Sie migrieren von einer anderen E-Mail-Marketing-Plattform? Konvertieren Sie Ihre vorhandenen E-Mail-Designs in Journey Optimizer HTML-Vorlagen, ohne sie von Grund auf neu zu erstellen.
- Design-Mockup-Konversion: Wandeln Sie Design-Mockups aus Tools wie Photoshop, Figma oder anderer Design-Software in funktionale E-Mail-Vorlagen um.
- Schnelle Vorlagenerstellung: Schnelle Generierung von E-Mail-Vorlagen für zeitkritische Kampagnen, ohne auf Entwicklerressourcen zu warten.
- Erstellen von Vorlagenbibliotheken: Erstellen Sie eine umfassende Bibliothek markenkonsistenter Vorlagen, die Mitglieder des nicht-technischen Teams anpassen und bereitstellen können.
- Verringerung technischer Abhängigkeiten: Marketing-Experten können E-Mail-Vorlagen unabhängig erstellen und iterieren und so die Kampagnenausführung beschleunigen.
Zugreifen auf das Bild zum HTML Converter access-image-to-html
Addendum mit Adobe
Um auf diese Funktion zugreifen zu können, muss Ihr Unternehmen das Generative AI-Addendum mit Adobe unterzeichnet haben. Wenden Sie sich im Zweifelsfall an den Adobe-Support.
Berechtigungen
-
Um auf Vorlagen zuzugreifen und sie zu erstellen, muss Ihre Rolle die Berechtigung Inhaltsvorlagen verwalten (unter der Ressource Content-Management enthalten. Weitere Informationen zu Berechtigungen
-
Um den Konvertierer für das Bild in HTML verwenden zu können, muss Ihnen die Berechtigung Inhalt generieren gewährt werden. Erfahren Sie in Abschnitt, wie Sie Berechtigungen zum Erstellen von Inhalten .
Vereinbarung
Bevor Sie diese Funktion nutzen können, müssen Sie einer Benutzervereinbarung zustimmen, die angezeigt wird, wenn Sie Generative AI in Journey Optimizer zum ersten Mal verwenden. Weitere Informationen finden Sie in den Benutzerrichtlinien für die generative KI von Adobe Experience Cloud.
Schutzmechanismen und Empfehlungen limitations
Beachten Sie die folgenden Einschränkungen und Empfehlungen beim Konvertieren von Bildern in E-Mail-Inhaltsvorlagen.
Angemessenheit
-
KI-Interpretation: Die KI generiert statische HTML-Inhalte basierend auf der visuellen Interpretation Ihres Bildes. Sie bietet einen guten Ausgangspunkt für die E-Mail-Erstellung, sollte jedoch mithilfe der E-Mail-Designer überprüft und verfeinert werden, um sicherzustellen, dass sie genau Ihren Anforderungen entspricht. Sie müssen bei Bedarf Personalisierung, dynamische Inhalte und Tracking nach der Konversion manuell hinzufügen.
-
Textgenauigkeit: Während die KI versucht, Text genau zu erkennen und zu reproduzieren, sollten Textinhalte immer überprüft und nach Bedarf korrigiert werden. Lesen Sie die Benutzerrichtlinien für die generative KI von Adobe.
Bildauswahl
-
PII und vertrauliche Daten: Achten Sie darauf, ein Bild auszuwählen, das keine personenbezogenen oder anderen vertraulichen Daten enthält.
-
Bildgröße: Sie können keine Bilder hochladen, die größer als 10 MB sind.
-
Bilder in hoher Qualität: Verwenden Sie klare, hochwertige Bilder, um optimale Ergebnisse zu erzielen: scharfe Grafiken, lesbarer Text und klar definierte Layout-Elemente. Unscharfe, dunkle oder unübersichtliche Bilder verringern die Konvertierungsqualität. Bilder sollten idealerweise zwischen 600 und 800 Pixel breit sein, um den standardmäßigen E-Mail-Größen zu entsprechen.
-
Einfache Layouts: Hochkomplexe Designs mit komplizierten Ebenen, ungewöhnlichen Formen oder nicht standardmäßigen Elementen werden möglicherweise nicht perfekt konvertiert. Einfachere Designs liefern in der Regel bessere Ergebnisse.
Verarbeitung
-
Seite aktualisieren: Das Ergebnis wird bis zur Aktualisierung nicht automatisch angezeigt.
-
Verarbeitungszeit: Je nach Komplexität und Bildgröße endet die Konvertierung innerhalb von etwa 5 Minuten). Sehr große oder komplexe Bilder können manchmal bis zu 10 Minuten dauern. Warten Sie entsprechend und aktualisieren Sie dann, um das Ergebnis anzuzeigen.
Konvertieren eines Bildes in eine HTML-Vorlage convert-image
Gehen Sie wie folgt vor, um ein Bilddesign in eine vollständig anpassbare E-Mail-Inhaltsvorlage zu konvertieren.
-
Stellen Sie sicher, dass Sie eine Bilddatei im JPEG- oder PNG-Format haben, die Ihr E-Mail-Design enthält.
note important IMPORTANT Die Bildgröße darf 10 MB nicht überschreiten. Die besten Ergebnisse erzielen Sie, wenn Sie ein klares, hochwertiges Bild mit scharfen Bildern, lesbarem Text und klar definierten Layout-Elementen verwenden. -
Greifen Sie auf die Liste der Inhaltsvorlagen zu, indem Sie Content Management“ > Inhaltsvorlagen aus dem linken Menü auswählen.
-
Klicken Sie auf Vorlage erstellen.
-
Füllen Sie die Vorlagendetails aus, wählen Sie E-Mail als Kanal aus und klicken Sie auf Erstellen.
-
Führen im Abschnitt „Bild in Vorlage" die folgenden Schritte aus:
-
(Optional) Wenn in Ihrem Unternehmen Markenthemen in Journey Optimizer definiert sind, können Sie ein Design als Eingabe auswählen, sodass die generierte HTML entsprechend Ihren Markendesignparametern formatiert wird. Weitere Informationen zu Designs
Auf die generierte Vorlage werden Stile wie Hintergrundfarbe, Schaltflächenfarbe, Schriftarten, Zeilenabstand, Ränder und Abstand angewendet, wodurch die zusätzliche Entwurfsarbeit reduziert wird und eine Vorlage erstellt wird, die mit minimalen Bearbeitungen verwendet werden kann.
-
Um ein Bild hochladen zu können, stellen Sie sicher, dass es keine personenbezogenen oder anderen sensiblen Daten enthält. Aktivieren Sie die entsprechende Option, um die Überprüfung der Datei zu bestätigen.
-
Klicken Sie auf Bild hochladen, um Ihre Bilddatei auszuwählen.
note caution CAUTION Wenn Sie ein Bild zur Konversion hochladen, wird der gesamte aktuell in der E-Mail hinzugefügte Inhalt gelöscht und durch die generierte Vorlage ersetzt.
-
-
Wenn Sie in Journey Optimizer zum ersten Mal generative KI verwenden, werden Sie aufgefordert, der Benutzervereinbarung zuzustimmen. Weitere Informationen finden Sie in den Benutzerrichtlinien für die generative KI von Adobe.
Klicken Sie Zustimmen, um fortzufahren.
-
Klicken Sie nach der Auswahl des Bildes Öffnen um den KI-gestützten Konvertierungsprozess zu starten, der häufig - je nach Komplexität und Größe Ihres Bilddesigns - innerhalb etwa 5 Minuten abgeschlossen wird.
note note NOTE Sehr große Bilder können in einigen Fällen bis zu 10 Minuten dauern. Sie können diesen Bildschirm verlassen und an anderen Aufgaben arbeiten, während die Konvertierung ausgeführt wird. -
Aktualisieren Sie die Seite um die Ausgabe anzuzeigen. Nach Abschluss der Konvertierung wird der generierte Inhalt angezeigt und automatisch als Entwurf gespeichert.
note important IMPORTANT Das Ergebnis wird erst nach der Aktualisierung automatisch angezeigt. 
-
Verwenden Sie den Abschnitt Feedback zur Konvertierung von Bildern in Vorlagen, um Ihre Gedanken und Vorschläge mit Adobe zu teilen, damit wir die Funktion verbessern können.
-
Klicken Sie E-Mail-Textkörper bearbeiten. Die konvertierte Vorlage wird in der E-Mail-Designer mit allen Bearbeitungsfunktionen geöffnet. Sie können jetzt:
- Überprüfen, Bearbeiten von Textinhalten und Anwenden von Personalisierung
- Bilder ändern und Links hinzufügen
- Farben, Schriften und Stile anpassen
- Inhaltskomponenten hinzufügen, entfernen oder neu anordnen
- Alle E-Mail-Designer-Funktionen wie bei jeder anderen Vorlage nutzen
Nehmen Sie die erforderlichen Anpassungen vor, um die Vorlage zu verfeinern und auf Ihre Markenrichtlinien abzustimmen.
-
Wenn Sie mit Ihrer Vorlage zufrieden sind, klicken Sie auf Speichern.
Ihre Vorlage ist jetzt in der Inhaltsvorlagenbibliothek verfügbar und kann beim Erstellen von E-Mails in Journey oder Kampagnen verwendet werden. Informationen zur Verwendung von Inhaltsvorlagen
Best Practices best-practices
Um beim Konvertieren von Bildern in E-Mail-Inhaltsvorlagen optimale Ergebnisse zu erzielen, befolgen Sie diese Empfehlungen.
- Vorhandenen Inhalt speichern: Das Konvertieren eines Bildes ersetzt alle vorhandenen Inhalte in Ihrer E-Mail-Vorlage. Speichern Sie Ihre aktuelle Arbeit immer, bevor Sie diese Funktion verwenden.
- Workflow planen: Verwenden Sie diese Funktion zu Beginn Ihres E-Mail-Erstellungsprozesses oder stellen Sie sicher, dass Sie bereit sind, den gesamten aktuellen Inhalt zu ersetzen.
- Resolution: Verwenden Sie hochauflösende Bilder für eine bessere Texterkennung und Elementerkennung.
- Klarheit: Verwenden Sie ein klares Bild. Der Text muss leicht lesbar und die visuellen Elemente klar definiert sein. Vermeiden Sie verschwommene, kontrastarme oder verrauschte Quelldateien.
- Breite: Entwerfen Sie Bilder mit standardmäßigen E-Mail-Breiten (600-800 px), um die typischen E-Mail-Client-Anforderungen zu erfüllen.
- Dateiformat: Verwenden Sie das JPEG- oder PNG-Format, um komprimierte Bilder oder Bilder von schlechter Qualität zu vermeiden.
- Vollständiges Design: Vollständiges E-Mail-Design in ein einziges Bild aufnehmen, von Kopf- bis Fußzeile.
- Einfache Layouts: Einfachere, gut strukturierte Layouts ermöglichen eine präzisere Konvertierung als hochkomplexe Designs.
- Standardelemente: Verwenden Sie gängige E-Mail-Design-Muster (Kopfzeilen-, Hauptteil-, CTAs- und Fußzeilen).
- Textlesbarkeit: Sicherstellen eines ausreichenden Kontrasts zwischen Text und Hintergrund.
- Web-sichere Schriftarten: Designs, die gängige Web-sichere Schriftarten verwenden, sind zuverlässiger.
- Überlappende Elemente vermeiden: Halten Sie Designelemente zur besseren Strukturerkennung klar getrennt.
- Aktualisieren, um Ergebnisse anzuzeigen: Aktualisieren Sie die Seite nach etwa 5 Minuten (oder bis zu 10 Minuten bei sehr großen Bildern), sodass die vollständige Konvertierung angezeigt wird.
- Prüfen Sie den Entwurf: Nach Abschluss der Konvertierung wird Ihre Vorlage automatisch als Entwurf gespeichert. Nehmen Sie sich Zeit, um den generierten Inhalt sorgfältig auf Korrektheit zu überprüfen.
- Gründlich testen: Testen Sie die E-Mail über verschiedene E-Mail-Clients und Geräte hinweg. Erfahren Sie, wie Sie Inhalte in der Vorschau anzeigen und testen können.
- Manuell verfeinern: Nehmen Sie die erforderlichen Anpassungen mit den E-Mail-DesignerBearbeitungsfunktionen vor.
- Markenausrichtung: Überprüfen Sie, ob Farben, Schriftarten und Stile Ihren Markenrichtlinien entsprechen, und verwenden Sie Designs, falls verfügbar. Weitere Informationen zu E-Mail-Designs.
- Personalization: Fügen Sie nach Bedarf dynamische Inhalte und Personalisierungs-Token hinzu. Weitere Informationen über Personalisierung.
- Barrierefreiheit: Überprüfen und erweitern Sie die Funktionen für die Barrierefreiheit bei Bedarf. Weitere Informationen über barrierefreie E-Mail-Inhalte.