Nozioni di base sull'editor di immagini

L'editor di immagini di Channable è il luogo in cui crei o modifichi i template per le immagini dei prodotti. Questi template aggiornano automaticamente le immagini dei prodotti per creare annunci molto pertinenti e contenuti visivi potenziati.

Un template è composto da un Tela (lo sfondo) e vari Oggetti (testo, immagini, forme) posizionati sopra di essa.

Interfaccia dell'editor di immagini

L'editor è diviso in aree distinte per creare oggetti, controllare la tela, e gestire il tuo template.

Controlli e strumenti della tela

Questi controlli, presenti sul lato destro della tela, ti aiutano a navigare e modificare il design.

Icona/Controllo	Descrizione
Zoom avanti/indietro	Modifica la dimensione di visualizzazione della tela.
Freccia (Seleziona)	Seleziona e sposta i singoli oggetti sulla tela.
Mano (Sposta)	Sposta l'intera area di visualizzazione della tela.
Freccie circolari	Annulla o Ripeti la tua ultima azione.
Anteprima prodotto	Scorri i prodotti per vedere come appare il template per ciascuno.

Impostazioni della tela

La tela è l'area di base (il quadrato bianco) dove costruisci il tuo template. Clicca Impostazioni sul lato destro dell'editor per accedere a queste opzioni.

Impostazione	Descrizione	Dettagli
Dimensione	Definisce le dimensioni finali di output del template.	Scegli tra dimensioni preimpostate (in base ai canali di esportazione come Google Ads) oppure inserisci manualmente altezza e larghezza in pixel (px).
Colore di sfondo	Imposta il colore solido dietro tutti gli oggetti.	Seleziona usando il selettore colore o specificando valori esadecimali (HEX) (RGB).
Opacità	Controlla la trasparenza del colore di sfondo	Imposta come percentuale. 100% è completamente visibile (opaco), 0% è completamente trasparente.

Impostazioni griglia

Il griglia è una sovrapposizione opzionale che ti aiuta ad allineare gli oggetti. Non appare mai nell'immagine finale esportata.

• Mostra griglia: Attiva o disattiva la visibilità delle linee della griglia.

• Aggancia alla griglia: Quando abilitato, spostando un oggetto questo si aggancerà automaticamente alla linea di griglia più vicina, facilitando l'allineamento.

• Dimensione griglia: Imposta la dimensione in pixel di ogni cella quadrata della griglia.

• Colore e opacità della griglia: Personalizza l'aspetto delle linee della griglia.

Tipi di oggetto

Importante: il campo di progetto usato per gli oggetti dinamici deve essere presente in tutti i progetti in cui il template viene utilizzato!

Usa il pannello a sinistra per aggiungere nuovi elementi al tuo template. Puoi creare tre tipi di oggetti:

• Oggetto testo: Per testo statico o campi prodotto dinamici (come i titoli).

• Oggetto immagine: Per immagini statiche o immagini prodotto dinamiche.

• Oggetto forma: Per forme statiche come riquadri, linee e frecce.

Tutti i tipi di oggetto — Testo, Immagine e Forma — hanno impostazioni specifiche nella scheda Design.

Oggetto immagine

Gli oggetti immagine possono essere dinamici (recuperano le immagini prodotto da un campo) o statici (la stessa immagine per tutti i prodotti).

Proprietà	Descrizione	Dettagli
Layout	Posizione e dimensione dell'oggetto.	Regola manualmente in pixel (px) la posizione X/Y e Larghezza/Altezza.
Immagine	Collega l'oggetto ai dati del prodotto.	Per le immagini dinamiche, seleziona un campo progetto di tipo Immagine dal menu a tendina. Imposta anche l'Opacità dell'immagine (in percentuale).
Ombra	Aggiunge un effetto ombra esterna.	Configura Colore, Opacità, Offset (X, Y) e Sfocatura. Un Offset di 0,0 significa nessuna ombra.
Bordo	Crea un bordo attorno all'oggetto immagine.	Imposta Colore, Opacità e Larghezza (in pixel). Scegli uno Stile: Nessun bordo, Continuo (solido) o Tratteggiato.

Nota: ridimensioniamo automaticamente l'immagine per adattarla ai confini dell'oggetto (linee blu). Questo evita che le immagini vengano tagliate o coprano altri elementi in modo non intenzionale.

---

Oggetto testo

Gli oggetti testo supportano sia testo statico sia valori di campo dinamici (es., combinare una frase fissa con il prezzo di un prodotto).

Proprietà	Descrizione	Dettagli
Layout	Posizione e dimensione della casella di testo.	Regola manualmente in pixel (px) la posizione X/Y e Larghezza/Altezza.
Valore	Il contenuto dell'oggetto testo.	Inserisci testo statico, seleziona campi dinamici o combina entrambi.
Carattere	Controlla l'aspetto del testo.	Scegli un carattere dall'elenco, imposta Colore, Decorazione (es., sottolineato), Allineamento, Altezza riga e Spaziatura. Usa Scala per adattare automaticamente la dimensione del carattere alla casella.
Ombra	Aggiunge un'ombra dietro il testo.	Configura Colore, Opacità, Offset (X, Y) e Sfocatura. Un Offset di 0,0 significa nessuna ombra.
Bordo	Crea un bordo attorno alle lettere.	Imposta Colore, Opacità e Larghezza (in pixel). Scegli uno Stile: Nessuno, Continuo (solido) o Tratteggiato.

---

Oggetto forma

Gli oggetti forma sono usati per forme statiche come riquadri, linee e frecce.

Proprietà	Descrizione	Dettagli
Layout	Posizione e dimensione dell'oggetto forma.	Regola manualmente in pixel (px) la posizione X/Y e Larghezza/Altezza.
Forma	Controlla l'aspetto del riempimento della forma.	Specifica il Colore di riempimento e l'Opacità.
Ombra	Aggiunge un'ombra dietro la forma.	Configura Colore, Opacità, Offset (X, Y) e Sfocatura. Un Offset di 0,0 significa nessuna ombra.
Bordo	Crea un bordo attorno alla forma.	Imposta Colore, Opacità e Larghezza (in pixel). Scegli uno Stile: Nessuno, Continuo (solido) o Tratteggiato.

---

Gestisci il template

Usa i controlli nell'angolo in alto a destra per gestire il template stesso.

• Salva: Salva le modifiche correnti al tuo template.

• Icona ingranaggio (Impostazioni): Accedi alle opzioni per Eliminare o Duplica re il template.

• Scheda utilizzo: Vedi dove, nei tuoi progetti, il template corrente viene utilizzato.