Konvertera bilder till HTML-mallar image-to-html
Översikt overview
Konverteraren av bilder till HTML snabbar upp e-postproduktionen avsevärt genom att konvertera statiska bilder till fullt anpassningsbara, modulära mallar för e-postinnehåll från HTML. Med det här kodfria verktyget kan du omvandla visuell design från grafiska designers eller designverktyg till responsiva, redigerbara e-postmallar som kan återanvändas gång på gång.
Genom att utnyttja generativ AI-teknik analyserar konverteraren bild till HTML layout, typografi, färger och visuella element 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.
- Du måste först godkänna villkoren för Core Gen-AI och de kompletterande villkoren för att kunna använda Gen-AI-funktionen i e-postprogrammet för Designer. Kontakta Adobe Account Team (din kontoansvarige) för mer information.
- Du måste ha behörighet för Åtkomst till e-postmall samt för Redigera/generera e-postmall aktiverat i din Marketo-roll.
Konvertera en bild convert-an-image
Följ stegen nedan om du vill konvertera en bild till en helt anpassningsbar e-postmall från HTML.
-
I Design Studio klickar du på E-postmallar och sedan på E-postmallar (ny).
-
Klicka på Convert image to template.
-
Ange ett mallnamn och en valfri beskrivning. Du kan också välja vilken varumärkesstil du vill använda. Överför eller dra och släpp den önskade bilden.
-
Bläddra nedåt och markera kryssrutan Överföringsfilen innehåller inte…. Klicka på Konvertera.
note note NOTE Genereringsprocessen kan ta upp till fem 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 kan behöva uppdatera biblioteksskärmen för e-postmallen för att se statusändringen. -
När konverteringen är klar sparas mallen automatiskt som ett utkast. Klicka på namnet för att visa/redigera.
-
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
-
Ni kan göra vilka justeringar som helst för att förfina mallen och matcha varumärkesriktlinjerna.
-
När du är nöjd med mallen klickar du på Save & close och sedan på Publicera.
Mallen är nu tillgänglig i biblioteket E-postmallar och kan användas när du skapar e-postmeddelanden.
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 Marketo Engage 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
Bästa praxis best-practices
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 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: Enkla, 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: Håll designelementen tydligt separerade för bättre strukturegenkänning.
Efter konvertering
- Granska utkastet: När konverteringen är klar sparas mallen automatiskt som ett utkast. Granska noggrant den genererade HTML:n.
- Testa noggrant: Testa e-postmeddelandet på olika e-postklienter och enheter. Utnyttja integrationen Litmus om du vill få snabbare resultat.
- Förfina manuellt: Gör ändringar efter behov med e-postfunktionen Designer som ger fullständig redigering.
- Varumärkesjustering: Verifiera att färger, teckensnitt och format matchar varumärkesriktlinjerna.
- Personalization: Lägg till dynamiskt innehåll och personaliseringstoken efter behov.
- Tillgänglighet: Granska och förbättra tillgänglighetsfunktionerna 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å en visuell tolkning 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 fem minuter beroende på hur komplex och stor bilden är. 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.