Usare i punti focali per centrare le immagini

Controlla la centratura dell'immagine impostando manualmente il punto di messa a fuoco.

Ultimo aggiornamento 3 gennaio 2025

Molte aree immagine sul sito hanno una funzionalità di centratura integrata denominata "punto focale". Il punto focale imposta la messa a fuoco di un'immagine, consentendoti di controllarne la centratura.

Immagini con punti focali

Puoi regolare il punto focale per la maggior parte delle immagini.

Nella versione 7.1, puoi regolare il punto focale per:

  • Blocchi immagine
  • Sezioni della galleria
  • Immagini in evidenza
  • Immagini di sfondo di sezione

Nella versione 7.0, puoi regolare il punto focale per:

  • Blocchi immagine
  • Blocchi Galleria
  • Pagine galleria
  • Immagini in evidenza
  • La maggior parte delle immagini banner

Nota

non è possibile modificare il punto focale di un'immagine in evidenza del prodotto. Per saperne di più, visita Modificare l'immagine in evidenza di un prodotto.

I punti focali non sono ottimizzati per:

  • Immagini di sfondo nella versione 7.0 caricate in Stili sito - Queste immagini non hanno punti focali. Per regolare la messa a fuoco e il ritaglio dell'immagine, utilizza i tweak Posizione e Dimensione di Stili sito.
  • Immagini con parallax scrolling - Queste immagini hanno dei punti focali. Tuttavia, a causa del funzionamento del parallax scrolling, le modifiche potrebbero non avere un impatto evidente sulla posizione di un'immagine, specialmente nel caso di immagini corte e larghe.
  • I video in qualsiasi area del sito.

Suggerimento

puoi ritagliare e ridimensionare le immagini utilizzando altri strumenti integrati.

Impostare il punto focale

  1. Apri il blocco, la sezione o l'immagine.
  2. Passa il mouse sull'immagine per visualizzare il punto focale, che appare come un piccolo cerchio. In questo esempio viene utilizzata un'immagine in evidenza di pagina, ma il processo è simile per tutti i punti focali.
The_focal_point_in_the_center_of_the_image.png
  1. Fai clic e trascinare il punto focale per impostare l'area di messa a fuoco centrale.
The_focal_point_moved_to_the_top_of_the_image.png

L'area impostata dal punto focale ora appare come il centro dell'immagine. Il nuovo punto focale si salva automaticamente nella nuova posizione, anche se non si fai clic su Salva.

Suggerimento

per alcune immagini, il punto focale potrebbe spostarsi al centro dell'immagine se tenti di impostarlo molto vicino al centro. È un comportamento normale, che si verifica solo quando lo spostamento dal centro non comporterebbe differenze visive.

Ulteriore assistenza

Dimensioni e forma dell'immagine

L'altezza e la larghezza dell'immagine e la forma del contenitore che si sta riempiendo hanno un grande impatto sull'effetto del punto focale.

Ad esempio, se aggiungi un'immagine con orientamento orizzontale a un Blocco immagine impostato per la visualizzazione come quadrato, qualsiasi modifica orizzontale apportata al punto focale farà una grande differenza. L'immagine è più larga del contenitore, quindi c'è spazio su entrambi i lati per poterla ricentrare.

immagine di paesaggio in contenitore quadrato

D'altra parte, se il contenitore dell'immagine e l'immagine originale hanno la stessa forma e dimensione di base, spostare il punto focale non farà una grande differenza.

Suggerimento

se devi regolare l'altezza del contenitore per i blocchi immagine, utilizza lo strumento di ritaglio.

immagine di paesaggio in contenitore di paesaggio

Immagini della Galleria

  • Puoi regolare il punto focale nella Pagina galleria principale o nell'editor della sezione galleria. Per ottimizzare le modifiche, utilizza l'editor di immagini.
  • Nella versione 7.0, se hai configurato un Blocco galleria per estrarre immagini da una Pagina della galleria, apporta le modifiche al punto focale all'interno della Pagina galleria.

Visualizzazione immagini

Se l'immagine appare sfocata o distorta:

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.