Riuscito
Qual è la dimensione consigliata per un’immagine banner?
Scegli immagini banner nitide e leggere, con dimensioni adatte ai layout a tutta larghezza, per dispositivi mobili e a più colonne.
Immagini a tutta larghezza
Sezione intitolata “Immagini a tutta larghezza”Per i banner a tutta larghezza, usa immagini larghe 1600–2400 px a 72 dpi. Scegli l’altezza in base al design e al layout.
Per le immagini banner specifiche per dispositivi mobili, punta a una larghezza di 640–800 px a 72 dpi. Puoi usare immagini larghe appena 320 px, ma iniziare con dimensioni leggermente maggiori consente all’immagine di ridursi mantenendo una maggiore nitidezza.
Per maggiori dettagli sul caricamento delle immagini, consulta la documentazione Shopify sul caricamento delle immagini
Per consigli sul layout, consulta la documentazione di Company XYZ sull’adattamento dei banner per desktop e dispositivi mobili.
Immagini a più colonne
Sezione intitolata “Immagini a più colonne”Per le immagini visualizzate all’interno di una sezione a più colonne, rendi l’immagine circa 1,5–2 volte più larga rispetto alla sua larghezza media di visualizzazione.
Ad esempio, se un layout a due colonne utilizza una larghezza media a tutta larghezza di circa 1600 px, ogni colonna sarà larga all’incirca 800 px. Un’immagine larga circa 800 px è un buon punto di partenza; arrotondare leggermente per eccesso va bene.
Trovare la dimensione migliore può richiedere qualche tentativo. Controlla il layout su più dispositivi e apporta modifiche finché l’immagine non appare corretta.
Ottimizza i file immagine
Sezione intitolata “Ottimizza i file immagine”Evita di utilizzare file immagine inutilmente grandi. Dimensioni eccessive e file pesanti possono rallentare il sito e influire sulla SEO.
I temi ridimensionano automaticamente le immagini per i dispositivi mobili, ma comprimere le immagini prima di caricarle aiuta a mantenerle leggere. tinypng.com è uno strumento gratuito e semplice per comprimere le immagini.
Per indicazioni più generali, consulta la documentazione Shopify sul miglioramento delle prestazioni del negozio online