[Begränsad tillgänglighet]{class="badge informative"}
Konvertera bilder till HTML-mallar image-to-html
Journey Optimizer hjälper dig att avsevärt snabba upp e-postproduktionen genom att konvertera statiska bilddesigner till fullt anpassningsbara, modulära mallar för e-postinnehåll från HTML.
Genom att utnyttja generativ AI-teknik analyserar ett integrerat verktyg layouten, typografin, färgerna och de visuella elementen i bilden och genererar ren, modulär HTML-kod som bevarar designtroheten samtidigt som den är helt redigerbar med Email Designer .
Denna kodningslösa kapacitet gör att marknadsförare kan omvandla visuella resurser från grafiska designers eller designverktyg till responsiva, redigerbara e-postmallar som kan sparas och återanvändas på flera resor och i flera kampanjer - utan att man behöver ha någon teknisk expertis.
De viktigaste fördelarna är följande:
- Snabbare än manuell kodning - Konverteraren omvandlar bilder till redigerbara HTML på några minuter, så att du kan hoppa över det tidskrävande arbetsflödet från mockup till HTML.
- Inga tekniska kunskaper krävs - Marknadsförarna kan producera och justera mallar utan design- eller utvecklingsstöd.
- Återanvändbart mellan kampanjer - Spara mallar i biblioteket och använd dem i alla resor och kampanjer.
- Står för designen - Utdata matchar layouten och formateringen samtidigt som de är helt kompatibla med e-post-Designer.
Bilden till HTML-konverteraren är perfekt för:
- Plattformsmigrering: Migrerar från en annan e-postmarknadsföringsplattform? Konvertera dina befintliga e-postdesigner till Journey Optimizer-färdiga HTML-mallar 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 tekniska beroenden: Gör det möjligt för marknadsförare att skapa och iterera på e-postmallar oberoende av varandra, vilket snabbar upp kampanjkörningen.
Skyddsutkast och rekommendationer limitations
Tänk på följande begränsningar när du konverterar bilder till HTML innehållsmallar.
-
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.
Konvertera en bild till en HTML-mall convert-image
Följ stegen nedan för att konvertera en bilddesign till en helt anpassningsbar e-postmall från HTML.
-
Kontrollera att du har en bildfil i JPEG- eller PNG-format som innehåller din e-postdesign.
note note NOTE För bästa resultat bör du använda bilder med hög kvalitet med tydliga visuella element och läsbar text. Bilderna bör helst vara 600-800 pixlar breda för att matcha e-postens standardmått. -
Du kommer åt innehållsmalllistan 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.
-
Utför följande steg i avsnittet Convert image to template:
-
(Valfritt) Om din organisation har definierade teman för varumärket i Journey Optimizer kan du välja ett tema som indata så att den genererade HTML formateras enligt dina varumärkestemaparametrar. Läs mer om teman
Formatering som bakgrundsfärg, knappfärg, teckensnitt, radavstånd, marginaler och utfyllnad tillämpas på den genererade mallen, vilket minskar ytterligare designarbete och skapar en mall som är klar att användas med minimala redigeringar.
-
Om du vill kunna överföra en bild måste du se till att den inte innehåller någon personligt identifierbar information (PII) eller andra känsliga data, och kontrollera motsvarande alternativ för att bekräfta att du har granskat filen.
-
Klicka på knappen 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.
-
-
När du har valt bilden klickar du 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. Du kan navigera bort från den här skärmen och arbeta med andra åtgärder medan konverteringen pågår. -
När konverteringen är klar sparas innehållsmallen automatiskt som ett utkast.
-
Klicka på Edit email body. Den konverterade mallen öppnas i e-post-Designer med fullständiga redigeringsfunktioner. Nu kan du:
- Granska, 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.
Din mall är nu tillgänglig i innehållsmallbiblioteket och kan användas när du skapar e-postmeddelanden under resor eller kampanjer. Lär dig använda innehållsmallar
Bästa praxis best-practices
Följ de här rekommendationerna för att få optimala resultat när du konverterar bilder till HTML innehållsmallar.
- 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.
- 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
- 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
- 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