Box prodotti: linee guida

Se vuoi produrre autonomamente le immagini dei tuoi prodotti segui i 3 passi:

1

Scegli la dimensione che preferisci

(guarda gli esempi grafici: se hai pagine di vendita con più di 3 prodotti usa la dimensione piccola)

2

Rispetta le specifiche tecniche

(immagini leggere garantiscono una maggiore velocità di navigazione)

3

Scarica l'immagine guida

(inserisci la tua grafica al suo interno e fai attenzione a rispettare l'aria sicura)

1) Scegli la dimensione dell'immagine

Pe quansiasi tipo di prodotto è possibile inserire un'immagine (in alto nel suo box) scegliendo tra 3 diverse dimensioni: PiccolaMedia o Grande  

  Per le dimensioni Piccola e Media bisogna considerare un'area sicura centrale sempre visibile e una porzione più esterna che può essere o meno visibile a seconda della dimensione della finestra del browser. La dimensione Grande, invece, è sempre interamente visibile. Più sotto puoi scaricare l'immagine guida per il formato che preferisci!

  le immagini non devono comunicare informazioni, ma solo essere rappresentative e accattivanti. Nome del prodotto, prezzo e descrizione saranno inserite come contenuto testuale del Box

Dimensione Piccola

  • Dimensione immagine 705x138 px a 72 DPI
  • Con una zona sicura centrale
  • Adatto a pagine con molti prodotti (rende la pagina più leggibile)
  • Adatto per l'inserimento di icone

Dimensione Media

  • Dimensione immagine 705x276 px a 72 DPI
  • con una zona sicura centrale
  • Adatto per l'inserimento di immagini descrittive

(Classe CSS: DoubleHeight)

Dimensione Grande 

  • Dimensione immagine 705x705 px a 72 DPI
  • Sempre completamente visibile nella sua estensione 
  • Adatto a pagine con pochi prodotti (una sola riga)
  • Adatto per l'inserimento di immagini molto grandi che non devono essere tagliate

(Classe CSS: Square)

Guarda l'esempio grafico delle tre opzioni

Vedi tutto

 

 

Immagine piccola

(contenuto)

Immagine media

(contenuto)

Immagine grande

Chiudi

2) Segui tutte le specifiche tecniche

3 Dimensioni

Piccola: 705x138 px
Media: 705x276 px
Grande: 705x705 px 

Peso


Peso Orientativo:
600 kb

Risoluzione


Risoluzione Web:
72 Dpi 

Estensione


Estensione
.jpg

3) Scarica le immagini guida e usale come modello

Scegli il tipo di dimensione che vuoi usare per i tuoi prodotti: inserisci la tua grafica coprendo tutta l'area dell'immagine, ma mantieni gli elementi focali all'interno della zona verde chiaro

Visualizza le immagini guida

Immagine  Piccola

Dimensioni "Piccola": 705x138 px

La zona sicura sempre visibile corrisponde alla porzione verde chiaro (testi o parti essenziali dell'immagine devono rientrare in questa porzione)

SCARICA IMMAGINE GUIDA

Immagine Media

Dimensioni "Media": 705x276 px

La zona sicura sempre visibile corrisponde alla porzione verde chiaro (testi o parti essenziali dell'immagine devono rientrare in questa porzione)

SCARICA IMMAGINE GUIDA

Immagine Grande

Dimensioni Grande: 705x705 px

Questo taglio di immagine rimane completamente visibile in ogni situazione

SCARICA IMMAGINE GUIDA

Chiudi