Riuscito
Larghezza massima immagine
Impostate quanto possono essere larghe le immagini, dalla visualizzazione compatta alla larghezza completa del contenitore.
Questo gruppo di impostazioni controlla la larghezza massima di un’immagine ovunque questa opzione sia disponibile. Usatelo per mantenere le immagini discrete, dare loro maggiore peso visivo o consentire loro di espandersi fino a riempire lo spazio disponibile. Se state modificando questa impostazione nell’editor del tema, consultate la documentazione Shopify sulla personalizzazione dei temi. Per una panoramica più ampia su come sezioni e blocchi del tema utilizzano le impostazioni, consultate la documentazione Shopify su sezioni e blocchi
Larghezza massima immagine
Sezione intitolata “Larghezza massima immagine”Scegliete una larghezza inferiore quando l’immagine supporta il contenuto vicino invece di guidarlo. Questa soluzione funziona bene per loghi, icone, badge e altri elementi visivi che devono rimanere proporzionati al testo circostante.
Aumentate la larghezza quando l’immagine ha bisogno di maggiore presenza, come immagini in evidenza, immagini editoriali o altri contenuti che devono risaltare maggiormente nel layout. Un’impostazione più ampia può rendere l’immagine più intenzionale senza modificare il resto del contenuto.
Impostando il valore su 0 si rimuove il limite di larghezza e si consente all’immagine di estendersi sull’intera larghezza disponibile del relativo contenitore.
L’estensione a tutta larghezza utilizza solo lo spazio disponibile nel layout circostante. Non forzerà l’immagine oltre la larghezza del suo contenitore.
Scegliere una larghezza pratica
Sezione intitolata “Scegliere una larghezza pratica”Iniziate decidendo se l’immagine è decorativa, di supporto o un punto focale principale. Le immagini di supporto di solito risultano migliori con una larghezza moderata, mentre le immagini focali spesso beneficiano di più spazio.
Se questa impostazione appare in diverse parti del tema, regolatela per ogni caso d’uso invece di affidarsi a un unico standard visivo ovunque. La larghezza giusta dell’immagine dipende dalla quantità di spazio circostante e da quanto l’immagine deve apparire rilevante.
Qualità e bilanciamento dell’immagine
Sezione intitolata “Qualità e bilanciamento dell’immagine”Larghezze maggiori rendono più evidenti le immagini sorgente di bassa qualità. Se un’immagine appare morbida, ritagliata in modo insolito o troppo dominante, riducete la larghezza prima di modificare altre impostazioni di layout.
Controllate anche il rapporto tra l’immagine e il testo o le azioni vicine. Un’immagine troppo grande può spostare verso il basso i contenuti importanti o rendere sbilanciata un’area di contenuto.
Note sull’uso
Sezione intitolata “Note sull’uso”- Abbinate il ruolo dell’immagine. Usate larghezze minori per gli elementi visivi di supporto e larghezze maggiori per le immagini che devono guidare il contenuto.
- Usate la larghezza completa con intenzione. Impostate il valore su 0 solo quando il layout ha spazio sufficiente e l’immagine appare ancora nitida a quella dimensione.
- Controllate l’equilibrio dei contenuti. Assicuratevi che un’immagine più ampia non sovrasti i titoli, il testo o le call to action vicini.
- Regolate in base alla posizione. Rivedete questa impostazione in ogni contesto in cui appare, poiché la larghezza migliore dipende dallo spazio disponibile.
- Verificate entrambe le visualizzazioni. I controlli desktop e mobile possono comportarsi in modo diverso, quindi controllate l’immagine su entrambe le dimensioni dello schermo prima di pubblicare.
- Confrontate le scelte multimediali. Se desktop e mobile usano media diversi, verificate che ritaglio, caricamento, comportamento di fallback e leggibilità funzionino bene in entrambe le viste.