Afbeeldingen converteren naar HTML-sjablonen image-to-html
Overzicht overview
Met de afbeelding naar HTML-converter wordt het maken van e-mail aanzienlijk versneld doordat statische afbeeldingen worden omgezet in volledig aanpasbare, modulaire HTML-sjablonen voor e-mailinhoud. Met dit codeprogramma kunt u visuele ontwerpen transformeren van grafische ontwerpers of ontwerpgereedschappen naar responsieve, bewerkbare e-mailsjablonen die steeds opnieuw kunnen worden gebruikt.
Met behulp van generatieve AI-technologie analyseert de image naar HTML-converter de lay-out, typografie, kleuren en visuele elementen in uw image en wordt er een schone, modulaire HTML-code gegenereerd die de betrouwbaarheid van het ontwerp behoudt en tegelijk volledige bewerkbaarheid en compatibiliteit met de e-mail Designer garandeert.
- U moet eerst met de termijnen van de Kern Gen-AI en de supplementaire termijnen voor het gebruiken van de Gen-AI functionaliteit in E-mail Designer akkoord gaan. Neem contact op met het Adobe-accountteam (uw accountmanager) voor meer informatie.
- U moet E-mailMalplaatje van de Toegang evenals hebben uitgeeft/E-mailMalplaatje toestemmingen produceert die in uw rol van Marketo worden toegelaten.
Een afbeelding omzetten convert-an-image
Volg onderstaande stappen om een afbeelding om te zetten in een volledig aanpasbare HTML-e-mailsjabloon.
-
In de Studio van het Ontwerp, klik E-mailMalplaatjes, toen E-mailMalplaatjes (Nieuw).
-
Klik op Convert image to template.
-
Ga de naam van het a Malplaatje en facultatieve beschrijving in. Ook kunt u desgewenst uw merkstijl kiezen. Upload of sleep de gewenste afbeelding.
-
De rol neer en selecteert uploadt dossier bevat niet… checkbox. Klik Bekeerling.
note note NOTE Het generatieproces kan maximaal vijf minuten in beslag nemen, afhankelijk van de complexiteit en de grootte van het afbeeldingsontwerp. De AI-verwerking vindt plaats op de achtergrond, zodat u van dit scherm af kunt navigeren en andere taken kunt uitvoeren terwijl de conversie bezig is. U kunt het E-mailmalplaatje bibliotheekscherm moeten verfrissen om de statusverandering te zien. -
Nadat de conversie is voltooid, wordt uw sjabloon automatisch opgeslagen als concept. Klik op de naam van de component om deze weer te geven of te bewerken.
-
De geconverteerde sjabloon wordt geopend in de E-mail-Designer met volledige bewerkingsmogelijkheden. U kunt nu:
- Tekstinhoud 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
-
U kunt de gewenste aanpassingen aanbrengen om de sjabloon te verfijnen en aan te passen aan de richtlijnen van uw merk.
-
Zodra tevreden met uw malplaatje, klik Save & close, dan publiceer.
Uw malplaatje is nu beschikbaar in de E-mailSjablonen bibliotheek en kan worden gebruikt wanneer het creëren van e-mails.
Vaak voorkomende gebruiksscenario's use-cases
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 Marketo Engage 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 op ontwikkelaarsmiddelen te wachten
- de bibliotheken van het malplaatje van de Bouw: Creeer een uitvoerige bibliotheek van brand-verenigbare malplaatjes die de niet technische teamleden kunnen aanpassen en opstellen
Best practices best-practices
alvorens u begint
- 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.
de voorbereiding van het Beeld
- Resolutie: Gebruik high-resolution beelden voor betere tekstherkenning en elementenopsporing.
- Duidelijkheid: Zorg ervoor de tekst duidelijk leesbaar is en de visuele elementen duidelijk-bepaald zijn.
- Breedte: De beelden van het ontwerp 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.
overwegingen van het Ontwerp
- Eenvoudige lay-outs: De eenvoudige, 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.
na omzetting
- 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. Voor snellere resultaten, voordeel halen uit de integratie van het Leiding .
- verfijnen manueel: Breng aanpassingen aan zoals nodig gebruikend 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 gewenst.
- Toegankelijkheid: Herzie en verbeter toegankelijkheidseigenschappen indien nodig.
Beperkingen en overwegingen limitations
Houd rekening met de volgende beperkingen bij het gebruik van de afbeelding naar de HTML-converter.
-
AI interpretatie: AI produceert HTML die op een 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 vijf 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 nadat de conversie is voltooid.