[Begränsad tillgänglighet]{class="badge informative"}
Konvertera bilder till HTML-mallar med konverteraren image till HTML image-to-html
Översikt overview
Konverteraren för bilder till HTML är en innovativ AI-baserad funktion på menyn Innehållsmallar som dramatiskt snabbar upp e-postskapandet genom att konvertera statiska bilddesigner till fullt anpassningsbara, modulära mallar för HTML-e-postinnehåll. Med detta kodningsverktyg kan marknadsförare omvandla visuell design från grafiska designers eller designverktyg till responsiva, redigerbara e-postmallar som kan sparas i biblioteket Innehållsmallar och sedan återanvändas på flera resor och i flera kampanjer - utan att man behöver ha någon teknisk expertis.
Genom att utnyttja generativ AI-teknik analyserar bilden till HTML-konverteraren layouten, typografin, färgerna och de visuella elementen i bilden och genererar ren, modulär HTML-kod som bevarar designtroheten samtidigt som den säkerställer fullständig redigerbarhet och kompatibilitet med Email Designer. Detta eliminerar den manuella, tidskrävande processen att konvertera dummies till HTML och minskar beroendet av utvecklingsresurser.
Viktiga fördelar:
- Designa för HTML på några minuter: Med AI-baserad kodkonvertering omvandlas statiska bilder till redigerbara, modulära mallar på några minuter, vilket dramatiskt minskar tiden det tar att skapa mallar
- Ger icke-tekniska användare möjlighet att minska beroendet av design- och utvecklingsteam - marknadsförarna kan generera och anpassa mallar med minimal teknisk kunskap
- Förenklad plattformsmigrering: Konvertera externa mallar eller designer från andra plattformar till AJO-förberedda HTML utan problem
- Skapa ett återanvändbart mallbibliotek: Skapa ett skalbart, varumärkeskonsekvent mallbibliotek som kan användas på flera resor och i flera kampanjer
- Designåtergivning: Behåll den visuella enhetligheten med den ursprungliga designen när du skapar fullt redigerbart innehåll
- E-postkompatibilitet: Generera HTML som fungerar smidigt med e-post-Designer och mellan e-postklienter
Vanliga användningsfall use-cases
Bilden till HTML-konverteraren är perfekt för:
- Plattformsmigrering: Migrerar från en annan e-postmarknadsföringsplattform? Konvertera dina befintliga e-postdesigner till HTML-mallar som är redo för AJO utan att behöva bygga om från grunden
- Konvertering av designmodeller: Omvandla designmodeller från verktyg som Photoshop, Figma eller andra designprogram till funktionella e-postmallar
- Skapa mallar snabbt: Generera e-postmallar snabbt för tidskänsliga kampanjer utan att vänta på utvecklarresurser
- Skapa mallbibliotek: Skapa ett omfattande bibliotek med varumärkeskonsekventa mallar som icke-tekniska teammedlemmar kan anpassa och distribuera
- Minska det tekniska beroendet: Gör det möjligt för marknadsförare att skapa och iterera på e-postmallar oberoende av varandra, vilket snabbar upp kampanjkörningen
Förhandskrav prerequisites
Innan du använder bilden i HTML-konverteraren bör du kontrollera att du har:
- Åtkomst till Adobe Journey Optimizer med e-post-Designer
- En bildfil i JPEG- eller PNG-format som innehåller din e-postdesign
- Begränsad tillgänglighet till konverteringsfunktionen för bilder till HTML (kontakta din Adobe-representant)
Konvertera en bild till en HTML-mall convert-image
Så här konverterar du en bilddesign till en helt anpassningsbar e-postmall från HTML:
-
Öppna listan Innehållsmallar genom att välja Content Management > Content Templates på den vänstra menyn.
-
Klicka på Create template.
-
Fyll i mallinformationen och välj Email som kanal och klicka på Create.
-
Klicka på knappen Convert image to template i det högra avsnittet i avsnittet Upload image för att välja bildfilen.
note caution CAUTION När du överför en bild för konvertering tas allt innehåll som för närvarande läggs till i e-postmeddelandet bort och ersätts med den genererade mallen. Om du har befintligt innehåll i ditt e-postmeddelande måste du spara det innan du fortsätter med bildkonverteringen. -
Välj bilden och klicka på Open för att starta den AI-baserade konverteringsprocessen.
note note NOTE Genereringsprocessen kan ta upp till 5 minuter beroende på hur komplex och stor din bilddesign är. AI-bearbetningen sker i bakgrunden, så du kan navigera bort från den här skärmen och arbeta med andra åtgärder medan konverteringen pågår. Du behöver inte hålla skärmen öppen. -
När konverteringen är klar sparas innehållsmallen automatiskt som ett utkast. Du kan sedan granska och redigera den genererade HTML-mallen på Designer arbetsyta för e-post.
-
Den konverterade mallen öppnas i e-post-Designer med fullständiga redigeringsfunktioner. Nu kan du:
- Redigera textinnehåll och tillämpa personalisering
- Ändra bilder och lägga till länkar
- Justera färger, teckensnitt och format
- Lägga till, ta bort eller ordna om innehållskomponenter
- Utnyttja alla e-post-Designer-funktioner på samma sätt som andra mallar
-
Gör nödvändiga justeringar för att förfina mallen och anpassa den efter varumärkesriktlinjerna.
-
När du är nöjd med mallen klickar du på Save för att spara innehållsmallen.
-
Din mall är nu tillgänglig i biblioteket Innehållsmallar och kan användas när du skapar e-postmeddelanden under resor eller kampanjer. Lär dig använda innehållsmallar
Använd den konverterade mallen i e-postmeddelanden use-template
När du har skapat och sparat din innehållsmall kan du använda den när du utformar e-postmeddelanden under resor eller kampanjer:
När du skapar ett e-postmeddelande i en resa eller kampanj öppnar du e-post-Designer från skärmen Edit content.
Läs mer om att arbeta med e-postmallar och skapa innehållsmallar.
Bästa praxis best-practices
Följ de här rekommendationerna för att få optimala resultat när du konverterar bilden till HTML:
Innan du börjar
- Spara befintligt innehåll: Om du konverterar en bild till HTML ersätts allt befintligt innehåll i e-postmeddelandet. Spara alltid ditt aktuella arbete innan du använder den här funktionen.
- Planera ditt arbetsflöde: Använd konverteraren för bilden till HTML i början av e-postprocessen eller kontrollera att du är redo att ersätta allt aktuellt innehåll.
Bildförberedelse
- Upplösning: Använd högupplösta bilder (minst 1 200 pixlar bred) för bättre textigenkänning och elementidentifiering
- Klarhet: Kontrollera att texten är tydligt läsbar och att visuella element är väldefinierade
- Bredd: Designa bilder med standardbredder för e-post (600-800px) så att de matchar vanliga krav för e-postklient
- Filformat: Använd JPEG- eller PNG-format - undvik komprimerade bilder eller bilder med låg kvalitet
- Fullständig design: Inkludera den fullständiga e-postdesignen i en enda bild, från sidhuvud till sidfot
Designöverväganden
- Enkla layouter: Enklare, välstrukturerade layouter konverteras exaktare än mycket komplexa designer
- Standardelement: Använd vanliga designmönster för e-post (sidhuvud, brödavsnitt, CTA:er, sidfot)
- Textläsbarhet: Kontrollera att texten och bakgrunden har tillräckligt hög kontrast
- Webbsäkra teckensnitt: Designer som använder vanliga webbsäkra teckensnitt har bättre återgivning
- Undvik överlappande element: Behåll designelement tydligt separerade för bättre strukturegenkänning
Efter konvertering
- Granska utkastet: När konverteringen är klar sparas mallen automatiskt som ett utkast. Granska den genererade HTML noggrant
- Testa noggrant: Testa e-postmeddelandet på olika e-postklienter och enheter
- Förfina manuellt: Gör ändringar efter behov med e-postprogrammets fullständiga redigeringsfunktioner i Designer
- Varumärkesjustering: Verifiera att färger, teckensnitt och format matchar varumärkesriktlinjerna
- Personalization: Lägg till dynamiska innehålls- och personaliseringstoken efter behov
- Hjälpmedel: Granska och förbättra tillgänglighetsfunktioner om det behövs
Begränsningar och överväganden limitations
Tänk på följande begränsningar när du använder Image to HTML-konverteraren:
-
AI-tolkning: AI genererar HTML baserat på den visuella tolkningen av din bild. Komplexa eller ovanliga designer kan kräva manuella justeringar efter konverteringen.
-
Textprecision: Även om AI försöker identifiera och återge text korrekt måste du alltid verifiera textinnehållet och göra nödvändiga korrigeringar.
-
Dynamiskt innehåll: Vid konverteringen skapas statisk HTML baserat på din bild. Ni måste lägga till personalisering, dynamiskt innehåll och spårning manuellt efter konverteringen.
-
Komplexa layouter: Mycket komplexa designer med komplicerade lager, ovanliga former eller element som inte är standard kanske inte konverteras perfekt. Enklare design ger i allmänhet bättre resultat.
-
Bearbetningstid: Konverteringsprocessen kan ta upp till 5 minuter beroende på bildens komplexitet och storlek. AI-bearbetningen sker i bakgrunden, vilket gör att du kan arbeta med andra uppgifter utan att behöva hålla skärmen öppen. Mallen sparas automatiskt som ett utkast när konverteringen är klar.
-
Begränsad tillgänglighet: Som en begränsad tillgänglighetsfunktion förbättras kontinuerligt bilden till HTML-konverteraren. Funktionaliteten och exaktheten kan variera och din feedback förbättrar funktionen.