Sappiamo che desideri che le migliori immagini siano rappresentate sul tuo sito web. Questo articolo ti mostrerà una linea guida sulle dimensioni delle immagini per visualizzarle perfettamente sul tuo sito.
Su questa pagina
Dimensioni delle immagini per diverse sezioni e blocchi
Sul tema Be Yours , ti consigliamo di applicare le dimensioni particolari dell'immagine a diverse sezioni come segue:
- Prodotti in bundle : 1000 x 1100 pixel.
- Immagine in evidenza del post del blog :
Puoi scegliere immagini con proporzioni quadrate, larghe o orizzontali per ottenere l'aspetto migliore. Le taglie consigliate in questi casi sono:
- Quadrato: almeno 2000 x 2000 pixel
- Orizzontale: almeno 2400 x 1600 pixel
- Ampio: almeno 2400 x 1350 pixel
Per impostare l'immagine in primo piano del post del blog, vai su Negozi online > Post del blog nella dashboard dell'amministratore di Shopify. Quindi fai clic sul post e individua la casella Immagine in primo piano nella colonna di destra per aggiungere l'immagine.
Sul tuo sito web, l'immagine in primo piano del post del blog viene visualizzata in due posizioni: un'immagine in miniatura del post sulla pagina del blog e un banner superiore sulla pagina del post.
Immagine in miniatura del post:
Banner principale del post:
- Immagine in evidenza della collezione :
Le dimensioni in pixel dell'immagine consigliate sono simili all'immagine in primo piano del post del blog.
Per impostare l'immagine in evidenza della collezione, vai su Prodotti > Collezioni nella dashboard dell'amministratore di Shopify. Quindi fai clic sulla raccolta e individua la casella Immagine della raccolta nella colonna di destra per aggiungere l'immagine.
- Confronto immagini : 1920 x 960 pixel.
- Immagine con testo sovrapposto : 1920 x 1280 pixel.
- Immagini a più livelli con testo : 1000 x 1100 pixel.
- Lookbook : 1500 x 750 pixel.
- Immagine promozionale nel mega menu (sezione Intestazione) :
La dimensione consigliata dipende dal rapporto immagine scelto, ad esempio:
- Quadrato: almeno 2000 x 2000 pixel
- Ritratto: almeno 2000 x 2500 pixel
- Orizzontale: almeno 2400 x 1600 pixel
- Ampio: almeno 2400 x 1350 pixel
- Rivela banner : 1920 x 1280 pixel.
- Acquista l'aspetto : 1000 x 1000 pixel.
- Presentazione : 2048 x 1365 pixel.
Per la presentazione , ti consigliamo vivamente di inserire immagini separate per le versioni desktop e mobile per avere la migliore rappresentazione delle immagini su dispositivi diversi.
Nel caso in cui applichi le stesse immagini per entrambe le versioni, il ritaglio predefinito avviene dal centro delle immagini quando vengono visualizzate su dispositivi mobili. Per evitare di perdere i dettagli importanti delle tue immagini e concentrarti su diversi dispositivi di visualizzazione, puoi applicare uno di questi modi:
- Cerca di mantenere le parti più interessanti e rilevanti al centro dell'immagine durante la progettazione o la fotografia.
- Oppure mantieni l'immagine originale durante il caricamento su desktop o dispositivo mobile scegliendo l'opzione Adatta alla prima immagine nell'elenco a discesa Presentazione > Altezza desktop o Presentazione > Layout mobile > Altezza mobile .
- Collage di schede : 1200 x 1200 pixel.
Dimensioni delle immagini per i prodotti
Dalla scheda Prodotti sulla dashboard dell'amministratore di Shopify, puoi aggiungere nuovi prodotti con le relative immagini. Questi prodotti e immagini verranno visualizzati nelle sezioni relative ai prodotti sul tuo sito web a tema Beyours, come la Collezione in evidenza , il Prodotto in evidenza o i Prodotti visualizzati di recente . In queste sezioni, sono disponibili le opzioni del rapporto immagine che comprendono Adatta all'immagine , Quadrato , Ritratto , Orizzontale e Ampio per visualizzare le immagini dei prodotti di tua scelta.
Consigliamo le dimensioni delle immagini del prodotto in base a questi rapporti di immagine come segue:
- Quadrato : almeno 2000 x 2000 pixel
- Ritratto : almeno 2000 x 2500 pixel
- Paesaggio : almeno 2400 x 1600 pixel
- Ampio : almeno 2400 x 1350 pixel
Questi sono tutti i nostri consigli sulle migliori dimensioni delle immagini utilizzate sul tema Be Yours .
È anche importante notare che dovresti applicare dimensioni coerenti per le immagini in blocchi simili nella stessa sezione. Ad esempio, aggiungi una sezione Presentazione con 4 immagini, quindi assicurati che queste quattro immagini abbiano le stesse dimensioni.
Ci auguriamo che questo articolo ti sia utile! In caso di dubbi su questa funzionalità, non esitare a contattare il nostro team per ulteriore supporto.
Share:
Listener e trigger di eventi Javascript personalizzati in Be Yours
Aggiungi caratteri personalizzati al tuo tema Shopify