Quando aggiungi un Blocco Immagine a una pagina o un post, diversi fattori influiscono sulle dimensioni di visualizzazione sul tuo sito:
- La dimensione del Blocco Immagine
- Il layout scelto per il Blocco Immagine
- La dimensione dell'immagine originale (solo layout Allineato)
Questa guida consente di comprendere tali fattori e spiega le diverse opzioni per ridimensionare un'immagine.
Guarda un video
Prima di iniziare
- Questa guida fornisce informazioni sul ridimensionamento di Blocchi immagine, che consentono di aggiungere immagini a Pagine di layout, post e altre aree di contenuto in Squarespace. Per informazioni su altri tipi di immagini, vedi le nostre informazioni su altre immagini.
- Ti consigliamo di caricare un'immagine con una larghezza compresa tra 1500 e 2500 pixel. Questo intervallo di valori è la scelta migliore per visualizzare correttamente le immagini, senza sovraccaricare il sito.
- Se stai utilizzando un layout predefinito con un Blocco immagine dimostrativo, aggiungi la tua immagine al blocco prima di provare a ridimensionarlo.
Ridimensionare con altri blocchi
Quando aggiungi un Blocco Immagine, si espande per occupare l'intera larghezza dell'area del contenuto. Puoi ridurre le dimensioni del Blocco Immagine aggiungendo blocchi su uno dei lati. L'aspect ratio (rapporto larghezza/altezza) rimane uguale, in modo che l'intera immagine venga ridotta mantenendo la stessa forma.
Il modo più comune per eseguire questa operazione consiste nell'utilizzare Blocchi Spazio, che creano spazi vuoti. Aggiungili a sinistra o a destra di un Blocco Immagine, quindi trascina l'icona di ritaglio per ridimensionare il blocco.
- Clicca su un punto di inserimento per aggiungere un Blocco spazio.
- Trascina il Blocco Spazio a sinistra o a destra del Blocco Immagine.
- Clicca sull' icona di ritaglio e trascinala.
Per centrare l'immagine, aggiungi Blocchi Spazio della stessa dimensione su entrambi i lati.
Altri blocchi
Puoi usare questo stesso metodo con altri blocchi. Questo è utile in caso di immagini affiancate al testo come mostrato nell'immagine .gif di seguito.
Ritagliare l'immagine originale
La funzione di ritaglio può cambiare l'altezza e la forma dell'immagine ritagliando parti dell'immagine.
Per ritagliare l'immagine originale, utilizza l'Editor di immagini integrato, come mostrato nell'immagine seguente oppure utilizza il tuo software di terza parte e ricarica l'immagine.
Suggerimento: Nella maggior parte dei casi, l'immagine ritagliata rimane della stessa larghezza sul sito. Per cambiare la larghezza, utilizza uno degli altri metodi indicati in questa guida.
Usare lo strumento di ritaglio
Un'opzione disponibile nei layout Allineato e Poster consiste nel trascinare la selezione dello strumento di ritaglio per ritagliare l'immagine verticalmente. In questo modo, la larghezza dell'immagine rimane invariata e l'altezza cambia.
- Clicca sul Blocco Immagine. Visualizzerai un bordo con un'icona di ritaglio circolare sulla parte inferiore.
- Clicca e trascina l'icona di ritaglio per ritagliare l'immagine.
Suggerimenti:
- Tieni premuto il tasto Maiusc mentre trascini l'icona di ritaglio per ridimensionare l'immagine in incrementi di 20 pixel. Questo ti permette di allineare la parte inferiore dell'immagine a un altro blocco.
- Visualizzerai lo strumento di ritaglio solo dopo aver aggiunto un'immagine.
- Puoi scegliere un centro per l'immagine ritagliata utilizzando punti focali.
- Fai doppio clic sull'icona di ritaglio per annullare il ritaglio.
- Sposta lo strumento verso il basso per ingrandire l'immagine.
Clicca sull'icona di ritaglio e trascinala verso il basso per ritagliare l'immagine orizzontalmente. In questo modo si ingrandisce l'immagine, tagliandola lungo i lati.
Ridimensionare con gli stili del Blocco immagine
I layout Cartolina, Sovrapposto e Collage offrono un'opzione per il ridimensionamento nelle impostazioni di stile.
- Nel Menu Home, clicca su Design, quindi su Blocchi immagine.
- Scorri fino alla sezione per tale layout. Ad esempio, scorri fino alla sezione Image Block: Card (Blocco Immagine: Cartolina).
- Utilizza il tweak Larghezza immagine per modificare le dimensioni. Il testo dell'immagine verrà regolato automaticamente per adattarsi allo spazio.
- Fai clic su Salva.
- Nel Menu Home, clicca su Design, quindi su Stili sito.
- Scorri fino alla sezione per tale layout. Ad esempio, scorri fino alla sezione Image Block: Card (Blocco Immagine: Cartolina).
- Usa il tweak Image Width (Larghezza Immagine) per modificare la dimensione. Il testo dell'immagine verrà ingrandito o ridotto automaticamente in base allo spazio.
- Fai clic su Salva.
Suggerimento: questo influisce su tutti i Blocchi Immagine con quel determinato layout.
Estendere l'immagine per riempire il blocco
Se stai utilizzando il layout Allineato e l'immagine è più stretta del Blocco Immagine, verrà mantenuta la larghezza originale dell'immagine. All'interno del blocco, appare spazio vuoto su entrambi i lati dell'immagine. Questo permette di preservare la qualità dell'immagine originale.
Per rimuovere questo spazio e fare in modo che l'immagine occupi l'intera larghezza del blocco, apri il Blocco Immagine e seleziona l'opzione Stretch (Estendi).
Suggerimenti:
- (Estendi). L'estensione di un'immagine può avere effetto sulla sua qualità.
- Per ridurre la necessità di estendere l'immagine, è consigliabile caricare un'immagine con una larghezza compresa tra 1500 e 2500 pixel.
- Se l'immagine è più ampia dell'area del Blocco Immagine, verrà ridotta (non tagliata).
- Gli altri layout si estendono automaticamente.
Opzioni in base a layout
Di seguito, un riferimento rapido per le diverse opzioni disponibili in ogni layout:
Opzione | Inline | Poster | Card | Overlap | Collage | Stack (Impilato) |
Ridimensionare con Blocchi | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
Ritagliare l'immagine originale | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
Strumento di ritaglio | ✓ | ✓ | ✕ | ✕ | ✕ | ✕ |
Stili sito | ✕ | ✕ | ✓ | ✓ | ✓ |
✕ |
Estendere per riempire | ✓ | n/a | n/a | n/a | n/a | n/a |
Altre immagini
Il tuo sito offre altre opzioni per aggiungere immagini, tutte con opzioni di ridimensionamento proprie:
- Per le immagini dei Blocchi galleria, vedi Blocchi galleria.
- Per immagini banner, visita Aggiungere immagini banner.
- Per immagini in una Pagina Galleria, consulta la guida del tuo template.
- Per Blocchi Instagram, visita Usare il Blocco Instagram.
- Per i Blocchi riepilogo, visita Usare i Blocchi riepilogo.
- Vedi le nostre opzioni per creare immagini a schermo intero.
Suggerimento: Per qualsiasi blocco, puoi utilizzare il metodo Ridimensionare con altri blocchi.