[Eingeschränkte Verfügbarkeit]{class="badge informative"}
Konvertieren von Bildern in HTML-Vorlagen image-to-html
Journey Optimizer können Sie die E-Mail-Erstellung erheblich beschleunigen, indem Sie statische Bilddesigns in vollständig anpassbare, modulare HTML-E-Mail-Inhaltsvorlagen umwandeln.
Mithilfe der Generative AI-Technologie analysiert ein integriertes Tool das Layout, die Typografie, die Farben und die visuellen Elemente in Ihrem Bild und generiert einen übersichtlichen, modularen HTML-Code, der die Designtreue aufrechterhält und gleichzeitig mit der E--Designer volle Bearbeitbarkeit gewährleistet.
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 HTML 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.
Schutzmechanismen und Empfehlungen limitations
Beachten Sie die folgenden Einschränkungen beim Konvertieren von Bildern in HTML-Inhaltsvorlagen.
-
KI-Interpretation: Die KI generiert HTML basierend auf der visuellen Interpretation Ihres Bildes. Komplexe oder ungewöhnliche Designs erfordern nach der Konvertierung möglicherweise manuelle Anpassungen.
-
Textgenauigkeit: Die KI versucht zwar, Text genau zu erkennen und zu reproduzieren, aber Sie sollten Textinhalte immer überprüfen und nach Bedarf korrigieren.
-
Dynamische Inhalte: Der Konvertierungsprozess erstellt statisches HTML basierend auf Ihrem Bild. Nach der Konvertierung müssen Sie Personalisierung, dynamische Inhalte und Tracking manuell hinzufügen.
-
Komplexe 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.
-
Verarbeitungszeit: Der Konvertierungsprozess kann je nach Komplexität und Größe des Bildes bis zu 5 Minuten dauern. Die KI-Verarbeitung erfolgt im Hintergrund, sodass Sie andere Aufgaben bearbeiten können und der Bildschirm nicht geöffnet sein muss. Die Vorlage wird nach Abschluss der Konvertierung automatisch als Entwurf gespeichert.
-
Eingeschränkte Verfügbarkeit: Als Funktion mit eingeschränkter Verfügbarkeit wird der Bild-zu-HTML-Converter kontinuierlich verbessert. Funktionalität und Genauigkeit können variieren, und Ihr Feedback trägt zur Verbesserung der Funktion bei.
Konvertieren eines Bildes in eine HTML-Vorlage convert-image
Gehen Sie wie folgt vor, um ein Bilddesign in eine vollständig anpassbare HTML-E-Mail-Vorlage zu konvertieren.
-
Stellen Sie sicher, dass Sie eine Bilddatei im JPEG- oder PNG-Format haben, die Ihr E-Mail-Design enthält.
note note NOTE Für optimale Ergebnisse sollten Sie hochwertige Bilder mit klaren visuellen Elementen und lesbarem Text verwenden. Bilder sollten idealerweise zwischen 600 und 800 Pixel breit sein, um den standardmäßigen E-Mail-Größen zu entsprechen. -
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 persönlich identifizierbaren Informationen (PII) oder anderen sensiblen Daten enthält, und aktivieren Sie die entsprechende Option, um zu bestätigen, dass Sie die Datei geprüft haben.
-
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.
-
-
Klicken Sie nach Auswahl des Bildes Öffnen, um den KI-gestützten Konvertierungsprozess zu starten.
note note NOTE Der Generierungsvorgang kann je nach Komplexität und Größe Ihres Bild-Designs bis zu 5 Minuten dauern. Sie können diesen Bildschirm verlassen und an anderen Aufgaben arbeiten, während die Konvertierung ausgeführt wird. -
Nach Abschluss der Konvertierung wird Ihre Inhaltsvorlage automatisch als Entwurf gespeichert.
-
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 HTML-Inhaltsvorlagen optimale Ergebnisse zu erzielen, befolgen Sie die folgenden Empfehlungen.
- Speichern Sie vorhandene Inhalte: Wenn Sie ein Bild in HTML konvertieren, werden alle in Ihrer E-Mail vorhandenen Inhalte ersetzt. Speichern Sie Ihre aktuelle Arbeit immer, bevor Sie diese Funktion verwenden.
- Planen Sie den Workflow: Verwenden Sie den Bild-zu-HTML-Converter zu Beginn Ihres E-Mail-Erstellungsprozesses oder stellen Sie sicher, dass Sie bereit sind, den gesamten aktuellen Inhalt zu ersetzen.
- Auflösung: Verwenden Sie hochauflösende Bilder (mindestens 1200 Pixel breit) für eine bessere Texterkennung und Auffindbarkeit von Elementen
- Klarheit: Stellen Sie sicher, dass der Text klar lesbar ist und visuelle Elemente klar definiert sind
- Breite: Entwerfen Sie Bilder mit standardmäßigen E-Mail-Breiten (600–800 px), um die Anforderungen typischer E-Mail-Clients zu erfüllen
- Dateiformat: Verwenden Sie das JPEG- oder PNG-Format, um komprimierte Bilder oder Bilder mit geringer Qualität zu vermeiden
- Vollständiges Design: Nehmen Sie das vollständige E-Mail-Design in ein einziges Bild auf, 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 (Kopfzeile, Hauptteil, CTAs und Fußzeile)
- Textlesbarkeit: Stellen Sie einen ausreichenden Kontrast zwischen Text und Hintergrund sicher
- Web-sichere Schriften: Designs, die gängige Web-sichere Schriften verwenden, sind zuverlässiger
- Vermeiden Sie überlappende Elemente: Halten Sie Design-Elemente zur besseren Strukturerkennung klar getrennt
- Prüfen Sie den Entwurf: Nach Abschluss der Konvertierung wird Ihre Vorlage automatisch als Entwurf gespeichert. Nehmen Sie sich Zeit, um die generierte HTML-Version sorgfältig auf Korrektheit zu überprüfen
- Testen Sie sorgfältig: Testen Sie die E-Mail auf verschiedenen E-Mail-Clients und Geräten
- Optimieren Sie manuell: Nehmen Sie die benötigten Anpassungen mit den umfassenden Bearbeitungsfunktionen des E-Mail-Designers vor
- Markenausrichtung: Prüfen Sie, ob die Farben, Schriften und Formate Ihren Markenrichtlinien entsprechen
- Personalisierung: Fügen Sie nach Bedarf dynamische Inhalte und Personalisierungs-Token hinzu
- Barrierefreiheit: Prüfen und erweitern Sie die Barrierefreiheitsfunktionen bei Bedarf