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 välj att den överförda filen inte innehåller… . Klicka på Konvertera.
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ändningsområden use-cases
Bilden till HTML-konverteraren är perfekt för:
- Plattformsmigrering: Migrerar du 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 snabbmallar: Generera e-postmallar snabbt för tidskänsliga kampanjer utan att behöva vänta på utvecklarresurser
- Skapar mallbibliotek: Skapa ett omfattande bibliotek med varumärkesenhetliga mallar som icke-tekniska teammedlemmar kan anpassa och driftsätta
God 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 bild 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: Se till att texten är tydligt läsbar och att de visuella elementen är väldefinierade.
- Bredd: Designa bilder med standardbredd för e-post (600-800px) för att matcha vanliga krav för e-postklienter.
- Filformat: Använd JPEG- eller PNG-format - undvik komprimerade bilder eller bilder med låg kvalitet.
- Fullständig design: Inkludera hela 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 layouter.
- Standardelement: Använd vanliga designmönster för e-post (sidhuvud, brödavsnitt, CTA:er, sidfot).
- Textläsbarhet: Se till att texten och bakgrunden är tillräckligt kontrasterande.
- Webbsäkra teckensnitt: Designer med vanliga webbsäkra teckensnitt får bättre återgivning.
- Undvik överlappande element: Se till att designelementen är tydligt åtskilda 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 för olika e-postklienter och enheter. Utnyttja integrationen Litmus om du vill få snabbare resultat.
- Förfina manuellt: Gör ändringar efter behov med e-post-Designer fullständiga redigeringsfunktioner.
- Märkesjustering: Kontrollera att färger, teckensnitt och format överensstämmer med varumärkesriktlinjerna.
- Personalization: Lägg till dynamiskt innehåll och personaliseringstoken efter behov.
- Tillgänglighet: Granska och förbättra tillgänglighetsfunktionerna vid behov.
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: AI försöker identifiera och återge text korrekt, men verifiera alltid textinnehållet och gör 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.