Conversione di immagini in modelli HTML image-to-html
Panoramica overview
Il convertitore da immagine a HTML accelera in modo significativo la creazione di e-mail convertendo immagini statiche in modelli di contenuto e-mail HTML modulari e completamente personalizzabili. Questo strumento senza codice consente di trasformare le progettazioni visive di designer grafici o strumenti di progettazione in modelli e-mail dinamici e modificabili che possono essere riutilizzati più volte.
Sfruttando la tecnologia di intelligenza artificiale generativa, il convertitore da immagine a HTML analizza il layout, la tipografia, i colori e gli elementi visivi dell’immagine e genera un codice HTML pulito e modulare che mantiene la fedeltà di progettazione, garantendo al contempo la piena modificabilità e compatibilità con E-mail Designer.
- Devi innanzitutto accettare i Termini Gen-AI di base e i termini supplementari per l'utilizzo della funzionalità Gen-AI in E-mail Designer. Per informazioni, contatta il team dell’account di Adobe (il tuo account manager).
- Devi avere Accedi al modello di e-mail e le autorizzazioni Modifica/Genera modello di e-mail abilitate nel tuo ruolo Marketo.
Conversione di un’immagine convert-an-image
Per convertire un’immagine in un modello e-mail di HTML completamente personalizzabile, effettua le seguenti operazioni.
-
In Design Studio, fai clic su Modelli e-mail, quindi su Modelli e-mail (nuovi).
-
Fai clic su Convert image to template.
-
Immettere un nome modello e una descrizione facoltativa. Inoltre, è possibile scegliere lo stile del brand. Carica o trascina l’immagine desiderata.
-
Scorrere verso il basso e selezionare la casella di controllo Il file di caricamento non contiene…. Fare clic su Converti.
note note NOTE Il processo di generazione può richiedere fino a cinque minuti a seconda della complessità e delle dimensioni del progetto dell'immagine. L’elaborazione basata su IA avviene in background, per consentirti di allontanarti da questa schermata e lavorare su altre attività mentre la conversione è in corso. Potrebbe essere necessario aggiornare la schermata della libreria del modello e-mail per visualizzare il cambiamento di stato. -
Una volta completata la conversione, il modello viene salvato automaticamente come bozza. Fai clic sul nome per visualizzarlo o modificarlo.
-
Il modello convertito si apre in E-mail Designer con funzionalità di modifica complete. Ora puoi:
- Modificare il contenuto di testo e applicare la personalizzazione
- Modificare le immagini e aggiungere collegamenti
- Regolazione di colori, caratteri e stile
- Aggiungere, rimuovere o ridisporre i componenti di contenuto
- Sfrutta tutte le funzioni di E-mail Designer come con qualsiasi altro modello
-
Puoi apportare le modifiche necessarie per perfezionare il modello e allinearlo alle linee guida del tuo marchio.
-
Una volta completato il modello, fai clic su Save & close, quindi su Pubblica.
Il modello è ora disponibile nella libreria Modelli e-mail e può essere utilizzato per creare e-mail.
Casi d’uso comuni use-cases
Il convertitore immagine-HTML è ideale per:
- Migrazione piattaforma: migrazione da un'altra piattaforma di e-mail marketing? Converti le progettazioni e-mail esistenti in modelli HTML pronti per Marketo Engage senza ricompilare da zero
- Conversione di modelli di progettazione: trasforma i modelli di progettazione da strumenti come Photoshop, Figma o altri software di progettazione in modelli e-mail funzionali
- Creazione rapida di modelli: generazione rapida di modelli e-mail per campagne sensibili al tempo senza attendere risorse per sviluppatori
- Creazione di librerie di modelli: crea una libreria completa di modelli coerenti con il marchio che i membri del team non tecnici possono personalizzare e distribuire
Best practice best-practices
Prima di iniziare
- Salva contenuto esistente: la conversione di un'immagine in HTML sostituirà tutto il contenuto esistente nel messaggio e-mail. Salvare sempre il lavoro corrente prima di utilizzare questa funzione.
- Pianifica il flusso di lavoro: utilizza l'immagine per il convertitore HTML all'inizio del processo di creazione dell'e-mail oppure assicurati di essere pronto a sostituire tutto il contenuto corrente.
Preparazione immagine
- Risoluzione: utilizza immagini ad alta risoluzione per migliorare il riconoscimento del testo e il rilevamento degli elementi.
- Chiarezza: verifica che il testo sia chiaramente leggibile e che gli elementi visivi siano ben definiti.
- Larghezza: progettare immagini con larghezze di posta elettronica standard (600-800 px) corrispondenti ai requisiti tipici del client di posta elettronica.
- Formato file: usa il formato JPEG o PNG. Evita immagini compresse o di bassa qualità.
- Progettazione completa: include la progettazione completa delle e-mail in un'unica immagine, dall'intestazione al piè di pagina.
Considerazioni sulla progettazione
- Layout semplici: i layout semplici e ben strutturati vengono convertiti in modo più accurato rispetto alle progettazioni molto complesse.
- Elementi standard: utilizza pattern comuni per la progettazione di e-mail (intestazione, sezioni del corpo, CTA, piè di pagina).
- Leggibilità del testo: garantire un contrasto sufficiente tra testo e sfondi.
- Tipi di carattere sicuri per il Web: le progettazioni che utilizzano tipi di carattere comuni per il Web avranno una maggiore fedeltà.
- Evita elementi sovrapposti: separa chiaramente gli elementi di progettazione per un migliore riconoscimento della struttura.
Dopo la conversione
- Rivedi la bozza: una volta completata la conversione, il modello viene salvato automaticamente come bozza. Prenditi del tempo per verificare attentamente la precisione del HTML generato.
- Verifica approfondita: verifica l'e-mail tra client e dispositivi diversi. Per risultati più rapidi, sfrutta l'integrazione di Litmus.
- Perfeziona manualmente: apporta le modifiche necessarie utilizzando le funzionalità di modifica completa di E-mail Designer.
- Allineamento marchio: verifica che colori, font e stile corrispondano alle linee guida del tuo marchio.
- Personalization: aggiungi contenuto dinamico e token di personalizzazione come desiderato.
- Accessibilità: se necessario, rivedere e migliorare le funzioni di accessibilità.
Limitazioni e considerazioni limitations
Tieni presente le seguenti limitazioni quando utilizzi il convertitore da immagine a HTML.
-
Interpretazione IA: l'intelligenza artificiale genera HTML in base a un'interpretazione visiva dell'immagine. Progetti complessi o insoliti possono richiedere regolazioni manuali dopo la conversione.
-
Precisione del testo: mentre l'intelligenza artificiale tenta di riconoscere e riprodurre il testo con precisione, verifica sempre il contenuto del testo e apporta le correzioni necessarie.
-
Contenuto dinamico: il processo di conversione crea un HTML statico in base all'immagine. Dopo la conversione, dovrai aggiungere manualmente personalizzazione, contenuto dinamico e tracciamento.
-
Layout complessi: le progettazioni molto complesse con livelli complessi, forme insolite o elementi non standard potrebbero non convertirsi perfettamente. Le progettazioni più semplici danno generalmente risultati migliori.
-
Tempo di elaborazione: il processo di conversione può richiedere fino a cinque minuti a seconda della complessità e delle dimensioni dell'immagine. L’elaborazione basata su IA viene eseguita in background, consentendoti di lavorare su altre attività senza mantenere aperta la schermata. Il modello viene salvato automaticamente come bozza al termine della conversione.