Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Ridimensionare un'immagine

Quando aggiungi un Blocco Immagine a una pagina o un post, diversi fattori influiscono sulle dimensioni di visualizzazione sul tuo sito:

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.

  1. Clicca su un punto di inserimento per aggiungere un Blocco spazio.
  2. Trascina il Blocco Spazio a sinistra o a destra del Blocco Immagine.
  3. 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.

image_editor_-_example_crop.jpg

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.

  1. Clicca sul Blocco Immagine. Visualizzerai un bordo con un'icona di ritaglio circolare sulla parte inferiore. 
  2. 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.

  1. Nel Menu Home, clicca su Design, quindi su Blocchi immagine.
  2. Scorri fino alla sezione per tale layout. Ad esempio, scorri fino alla sezione Image Block: Card (Blocco Immagine: Cartolina).
  3. Utilizza il tweak Larghezza immagine per modificare le dimensioni. Il testo dell'immagine verrà regolato automaticamente per adattarsi allo spazio.
  4. Fai clic su Salva.
  1. Nel Menu Home, clicca su Design, quindi su Stili sito.
  2. Scorri fino alla sezione per tale layout. Ad esempio, scorri fino alla sezione Image Block: Card (Blocco Immagine: Cartolina).
  3. Usa il tweak Image Width (Larghezza Immagine) per modificare la dimensione. Il testo dell'immagine verrà ingrandito o ridotto automaticamente in base allo spazio.
  4. Fai clic su Salva.
Suggerimento: questo influisce su tutti i Blocchi Immagine con quel determinato layout.

adjust-layout.gif

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:

Suggerimento: Per qualsiasi blocco, puoi utilizzare il metodo Ridimensionare con altri blocchi.
Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 143 su 477