[Beperkte beschikbaarheid]{class="badge informative"}
Afbeeldingen converteren naar HTML-sjablonen image-to-html
Met Journey Optimizer kunt u het maken van e-mailberichten aanzienlijk versnellen door statische afbeeldingsontwerpen om te zetten in volledig aanpasbare, modulaire HTML-sjablonen voor e-mailinhoud.
Door generatieve AI technologie leveraging, analyseert een geïntegreerd hulpmiddel de lay-out, typografie, kleuren, en visuele elementen in uw beeld en produceert schone, modulaire code van HTML die ontwerpwaarachtigheid terwijl het verzekeren van volledige editability met e-mail Designer handhaaft.
Dankzij deze codeerfunctie kunnen marketers visuele elementen van grafische ontwerpers of ontwerpgereedschappen transformeren in responsieve, bewerkbare e-mailsjablonen die kunnen worden opgeslagen en hergebruikt voor meerdere reizen en campagnes, zonder dat hiervoor technische expertise vereist is.
De belangrijkste voordelen zijn:
- sneller dan hand-coderen - de converter zet beelden in editable HTML in notulen, zodat kunt u het handtijdrovende mockup-aan-HTML werkschema overslaan.
- Geen technische vaardigheden nodig - de Marketers kunnen malplaatjes zonder ontwerp of ontwikkelingssteun produceren en aanpassen.
- herbruikbaar over campagnes - sparen malplaatjes aan uw bibliotheek en gebruik hen in om het even welke reis of campagne.
- Talen waar aan het ontwerp - de Output past uw lay-out en het stileren aan terwijl het zijn volledig compatibel met E-mail Designer.
De afbeelding naar HTML-converter is ideaal voor:
- de migratie van het Platform: Het migreren van een ander e-mailmarketing platform? Zet uw bestaande e-mailontwerpen om in HTML-sjablonen die klaar zijn voor Journey Optimizer zonder dat u ze helemaal opnieuw hoeft op te bouwen.
- Mockup van het Ontwerp omzetting: Transformeer ontwerpmodellen van hulpmiddelen zoals Photoshop, Figma, of andere ontwerpsoftware in functionele e-mailmalplaatjes.
- Snelle malplaatjeverwezenlijking: Produceer snel e-mailmalplaatjes voor tijd-gevoelige campagnes zonder het wachten op ontwikkelaarsmiddelen.
- de malplaatjebibliotheken van de Bouw: Creeer een uitvoerige bibliotheek van brand-verenigbare malplaatjes die de niet-technische teamleden kunnen aanpassen en opstellen.
- Verminderend technische gebiedsdelen: Laat marketers toe om op e-mailmalplaatjes onafhankelijk tot stand te brengen en te herhalen, die campagneuitvoering versnellen.
Guardrails en aanbevelingen limitations
Houd rekening met de volgende beperkingen wanneer u afbeeldingen omzet in HTML-inhoudssjablonen.
-
AI interpretatie: AI produceert HTML die op visuele interpretatie van uw beeld wordt gebaseerd. Complexe of ongebruikelijke ontwerpen kunnen na conversie handmatig worden aangepast.
-
de nauwkeurigheid van de Tekst: Terwijl AI probeert om tekst nauwkeurig te erkennen en te reproduceren, verifieer altijd tekstinhoud en maak correcties zoals nodig.
-
Dynamische inhoud: Het omzettingsproces leidt tot statische HTML die op uw beeld wordt gebaseerd. U moet na de conversie handmatig personalisatie, dynamische inhoud en tracering toevoegen.
-
Complexe lay-outs: De hoogst complexe ontwerpen met ingewikkelde het in lagen plaatsen, ongebruikelijke vormen, of niet-standaardelementen kunnen niet perfect omzetten. Eenvoudiger ontwerpen leveren over het algemeen betere resultaten op.
-
Verwerkingstijd: Het omzettingsproces kan tot 5 minuten afhankelijk van de ingewikkeldheid en de grootte van uw beeld vergen. De AI-verwerking vindt plaats op de achtergrond, zodat u aan andere taken kunt werken zonder het scherm open te houden. De sjabloon wordt automatisch als een concept opgeslagen zodra de conversie is voltooid.
-
Beperkte Beschikbaarheid: Als Beperkte eigenschap van de Beschikbaarheid, wordt het beeld aan de convertor van HTML onophoudelijk verbeterd. De functionaliteit en nauwkeurigheid kunnen variëren en uw feedback kan de functie verbeteren.
Een afbeelding converteren naar een HTML-sjabloon convert-image
Volg onderstaande stappen om een afbeeldingsontwerp om te zetten in een volledig aanpasbare HTML-e-mailsjabloon.
-
Zorg ervoor dat u een afbeeldingsbestand in JPEG- of PNG-indeling hebt dat uw e-mailontwerp bevat.
note note NOTE U bereikt de beste resultaten wanneer u afbeeldingen van hoge kwaliteit gebruikt met heldere visuele elementen en leesbare tekst. De afbeeldingen moeten idealiter tussen 600 en 800 pixels breed zijn, zodat ze overeenkomen met de standaard e-mailafmetingen. -
U kunt de lijst met inhoudssjablonen openen door in het linkermenu Content Management > Content templates te selecteren.
-
Klik op Create template.
-
Vul de sjabloondetails in en selecteer Email als het kanaal en klik op Create .
-
Voer in de sectie Convert image to template de volgende stappen uit:
-
(Optioneel) Als in uw organisatie merkthema's zijn gedefinieerd in Journey Optimizer, kunt u een thema als invoer selecteren zodat de gegenereerde HTML wordt opgemaakt volgens de themaparameters van uw merk. leer meer over thema's
Stijlen zoals achtergrondkleur, knopkleur, lettertypen, regelafstand, marges en opvulling worden toegepast op de gegenereerde sjabloon, waardoor extra ontwerpwerkzaamheden worden verminderd en een sjabloon wordt gemaakt die klaar is voor gebruik met minimale bewerkingen.
-
Als u een afbeelding wilt uploaden, moet u ervoor zorgen dat deze geen persoonlijk identificeerbare gegevens (PII) of andere vertrouwelijke gegevens bevat. Schakel de desbetreffende optie in om te bevestigen dat u het bestand hebt gereviseerd.
-
Klik op de knop Upload image om het afbeeldingsbestand te selecteren.
note caution CAUTION Wanneer u een afbeelding uploadt voor conversie, wordt alle inhoud die momenteel in de e-mail is toegevoegd, verwijderd en vervangen door de gegenereerde sjabloon.
-
-
Nadat u de afbeelding hebt geselecteerd, klikt u op Open om het omzettingsproces op basis van AI te starten.
note note NOTE Het generatieproces kan maximaal 5 minuten in beslag nemen, afhankelijk van de complexiteit en de grootte van het afbeeldingsontwerp. U kunt buiten dit scherm navigeren en aan andere taken werken terwijl de conversie bezig is. -
Nadat de conversie is voltooid, wordt de inhoudssjabloon automatisch opgeslagen als concept.
-
Klik op Edit email body. Het omgezette malplaatje opent in E-mail Designer met volledige het uitgeven mogelijkheden. U kunt nu het volgende:
- Tekstinhoud controleren, bewerken en personalisatie toepassen
- Afbeeldingen wijzigen en koppelingen toevoegen
- Kleuren, lettertypen en stijlen aanpassen
- Inhoud toevoegen, verwijderen of opnieuw rangschikken
- Gebruik alle Designer-functies voor e-mail net als alle andere sjablonen
-
Breng de gewenste wijzigingen aan om de sjabloon te verfijnen en aan te passen aan de richtlijnen van uw merk.
-
Klik op Save als u tevreden bent met de sjabloon.
Uw sjabloon is nu beschikbaar in de inhoudssjabloonbibliotheek en kan worden gebruikt bij het maken van e-mails tijdens reizen of campagnes. leer hoe te om inhoudsmalplaatjes te gebruiken
Best practices best-practices
Volg deze aanbevelingen om optimale resultaten te bereiken bij het omzetten van afbeeldingen in HTML-inhoudssjablonen.
- sparen bestaande inhoud: Het omzetten van een beeld in HTML zal al bestaande inhoud in uw e-mail vervangen. Sla uw huidige werk altijd op voordat u deze functie gebruikt.
- Plan uw werkschema: Gebruik het beeld aan de omzetter van HTML aan het begin van uw e-mailverwezenlijking proces, of zorg ervoor u klaar bent om al huidige inhoud te vervangen.
- Resolutie: De beelden van het gebruik high-resolution (minstens 1200px breed) voor betere tekstherkenning en elementendetectie
- Duidelijkheid: Zorg ervoor de tekst duidelijk leesbaar is en de visuele elementen duidelijk zijn bepaald
- Breedte: Ontwerp beelden bij standaard e-mailbreedten (600-800px) om typische vereisten van de e-mailcliënt aan te passen
- formaat van het Dossier: Het formaat van JPEG of van PNG van het gebruik - vermijd samengeperste of laag - kwaliteit beelden
- Volledig ontwerp: Omvat het volledige e-mailontwerp in één enkel beeld, van kopbal aan footer
- Eenvoudige lay-outs: De eenvoudigere, goed gestructureerde lay-outs zetten nauwkeuriger dan hoogst complexe ontwerpen om
- Standaardelementen: De gemeenschappelijke patronen van het e-mailontwerp van het gebruik (kopbal, lichaamssecties, CTAs, footer)
- leesbaarheid van de Tekst: Zorg voldoende contrast tussen tekst en achtergronden
- Web-veilige doopvonten: De ontwerpen die gemeenschappelijke web-veilige doopvonten gebruiken zullen betere waarheidsgetrouwheid hebben
- vermijd overlappende elementen: Houd ontwerpelementen duidelijk gescheiden voor betere structuurerkenning
- herzie uw ontwerp: Zodra de omzetting volledig is, wordt uw malplaatje automatisch bewaard als ontwerp. Neem de tijd om de gegenereerde HTML zorgvuldig te controleren op nauwkeurigheid
- Test grondig: Test e-mail over verschillende e-mailcliënten en apparaten
- verfijnen manueel: Breng aanpassingen aan zoals nodig gebruikend de e-mail Designer volledige het uitgeven mogelijkheden
- Merk groepering: Verifieer kleuren, doopvonten, en het stileren passen uw merkrichtlijnen aan
- Personalization: Voeg dynamische inhoud en personalisatietokens toe zoals vereist
- Toegankelijkheid: Herzie en verbeter toegankelijkheidseigenschappen indien nodig