# Nozioni di base di Image Editor
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](#canvas-settings) (lo sfondo) e vari [Oggetti](#object-types) (testo, immagini, forme) posizionati sopra di essa.
### Interfaccia dell'editor di immagini
L'editor è diviso in aree distinte per creare [oggetti](#object-types), [controllare la tela](#canvas-controls-and-tools), 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](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-it/creatives-crea-e-modifica-le-immagini/crea-un-modello-immagine/regola-le-dimensioni-e-lo-sfondo-di-unimmagine) | 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à](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-it/creatives-crea-e-modifica-le-immagini/crea-un-modello-immagine/rimuovi-lo-sfondo-da-unimmagine) | Controlla la trasparenza del colore di sfondo | Imposta come percentuale. 100% è completamente visibile (opaco), 0% è completamente trasparente. |
#### Impostazioni griglia
Il [griglia](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-it/creatives-crea-e-modifica-le-immagini/crea-un-modello-immagine/usa-le-linee-guida-della-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
{% hint style="warning" %}
Importante: il campo di progetto usato per gli oggetti dinamici deve essere presente in tutti i progetti in cui il template viene utilizzato!
{% endhint %}
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](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-it/creatives-crea-e-modifica-le-immagini/crea-un-modello-immagine/carica-un-font-personalizzato) | 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.