[Disponibilità limitata]{class="badge informative"}
Conversione di immagini in modelli HTML con l'immagine in HTML converter image-to-html
Panoramica overview
Il convertitore da immagine a HTML è un'innovativa funzione basata sull'intelligenza artificiale disponibile nel menu Modelli di contenuto che accelera notevolmente la creazione di e-mail convertendo le progettazioni di immagini statiche in modelli di contenuto e-mail modulari di HTML completamente personalizzabili. Questo strumento senza codice consente agli addetti al marketing di trasformare le progettazioni visive di designer grafici o strumenti di progettazione in modelli e-mail dinamici e modificabili, che possono essere salvati nella libreria Modelli di contenuto e quindi riutilizzati in più percorsi e campagne senza richiedere competenze tecniche.
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. In questo modo si elimina il processo manuale di conversione dei modelli in HTML, che richiede molto tempo, e si riduce la dipendenza dalle risorse di sviluppo.
Vantaggi chiave:
- Progettazione in HTML in pochi minuti: la conversione senza codice basata sull'intelligenza artificiale trasforma le immagini statiche in modelli modulari modificabili in pochi minuti, riducendo notevolmente i tempi di creazione dei modelli
- Autorizza gli utenti non tecnici: riduce la dipendenza dai team di progettazione o sviluppo: gli addetti al marketing possono generare e personalizzare modelli con conoscenze tecniche minime
- Migrazione semplificata delle piattaforme: converti facilmente modelli o progettazioni esterni da altre piattaforme in HTML pronto per AJO
- Crea una libreria di modelli riutilizzabile: crea una libreria di modelli scalabile e coerente con il marchio che può essere utilizzata in più percorsi e campagne
- Fedeltà progettazione: mantieni la coerenza visiva con la progettazione originale durante la creazione di contenuto completamente modificabile
- Compatibilità e-mail: genera HTML che funzioni perfettamente con E-mail Designer e tra client 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 AJO 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
- Riduzione delle dipendenze tecniche: consente agli addetti al marketing di creare e ripetere in modo indipendente i modelli e-mail, velocizzando l'esecuzione della campagna
Prerequisiti prerequisites
Prima di utilizzare il convertitore immagine-HTML, assicurati di disporre di:
- Accedere a Adobe Journey Optimizer con E-mail Designer
- Un file di immagine in formato JPEG o PNG contenente la progettazione dell’e-mail
- Accesso limitato alla funzione di conversione da immagine a HTML (contatta il tuo rappresentante Adobe)
Convertire un’immagine in modello HTML convert-image
Per convertire una progettazione di immagini in un modello e-mail HTML completamente personalizzabile, effettua le seguenti operazioni:
-
Accedere all'elenco Modelli di contenuto selezionando Gestione contenuto > Modelli di contenuto dal menu a sinistra.
-
Fare clic su Crea modello.
-
Inserisci i dettagli del modello e seleziona E-mail come canale, quindi fai clic su Crea.
-
Nella sezione di destra, nella sezione Converti immagine in modello, fai clic sul pulsante Carica immagine per selezionare il file di immagine.
note caution CAUTION Quando carichi un'immagine per la conversione, tutto il contenuto attualmente aggiunto nell'e-mail verrà eliminato e sostituito con il modello generato. Se nell’e-mail è presente del contenuto, assicurati di salvarlo prima di procedere con la conversione dell’immagine. -
Scegli l'immagine e fai clic su Apri per avviare il processo di conversione basato su IA.
note note NOTE Il processo di generazione può richiedere fino a 5 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. Non è necessario tenere aperta la schermata. -
Una volta completata la conversione, il modello di contenuto verrà salvato automaticamente come bozza. Puoi quindi rivedere e modificare il modello HTML generato nell’area di lavoro di E-mail Designer.
-
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
-
Apporta le modifiche necessarie per perfezionare il modello e allinearlo alle linee guida del tuo marchio.
-
Una volta completato il modello, fai clic su Salva per salvare il modello di contenuto.
-
Il modello è ora disponibile nella libreria Modelli di contenuto e può essere utilizzato durante la creazione di e-mail in percorsi o campagne. Scopri come utilizzare i modelli di contenuto
Utilizza il modello convertito nelle e-mail use-template
Dopo aver creato e salvato il modello di contenuto, puoi utilizzarlo durante la progettazione delle e-mail in percorsi o campagne:
Durante la creazione di un messaggio e-mail in un percorso o in una campagna, accedi al Designer e-mail dalla schermata Modifica contenuto.
Ulteriori informazioni su utilizzo dei modelli di posta elettronica e creazione dei modelli di contenuto.
Best practice best-practices
Per ottenere risultati ottimali quando si utilizza il convertitore immagine/HTML, attenersi alle seguenti raccomandazioni:
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 (larga almeno 1200 px) per migliorare il riconoscimento di 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 le 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: layout più semplici e ben strutturati consentono di convertire in modo più accurato rispetto a progetti molto complessi
- Elementi standard: utilizza modelli di progettazione comuni per le 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 sicuri per il Web saranno più fedeli
- 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. Esamina attentamente il HTML generato per verificarne l'accuratezza
- Verifica completa: verifica l'e-mail tra client e dispositivi diversi
- 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 richiesto
- Accessibilità: rivedere e migliorare le funzioni di accessibilità se necessario
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 all'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 5 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. Una volta completata la conversione, il modello viene salvato automaticamente come bozza.
-
Disponibilità limitata: la funzionalità Disponibilità limitata migliora continuamente l'immagine al convertitore HTML. Le funzionalità e la precisione possono variare e il feedback fornito consente di migliorare la funzionalità.