Uso de pontos focais para centralizar imagens

Fixe manualmente o ponto de foco para controlar como a imagem é centralizada.

Ultima atualização 22 de Agosto de 2024

Muitas áreas de imagem em seu site têm um recurso de centralização integrado chamado ponto focal. O ponto focal define o foco de uma imagem, para que você possa controlar onde a imagem é centralizada.

Imagens com pontos focais

Você pode ajustar o ponto focal da maioria das imagens.

Na versão 7.1, você pode ajustar o ponto focal para:

  • Blocos de Imagem
  • Seções de galeria:
  • Imagens em destaque
  • Imagens de fundo da seção

Na versão 7.0, você pode ajustar o ponto focal para:

  • Blocos de Imagem
  • Blocos de Galeria
  • Páginas de Galeria
  • Imagens em destaque
  • A maioria das imagens de banner

Anotação

não é possível editar o ponto focal da imagem em destaque de um produto. Saiba mais em Alteração da imagem em destaque de um produto.

Os pontos focais não são otimizados para:

  • Imagens de fundo na versão 7.0 carregadas em Estilo do Site - Essas imagens não têm pontos focais. Para ajustar o foco e o corte da imagem, use os ajustes de Posição e Tamanho do Estilo do Site.
  • Imagens com rolagem paralaxe - Estas imagens têm pontos focais. No entanto, devido à forma como a rolagem de paralaxe funciona, as alterações podem não ter um impacto notável na posição de uma imagem, especialmente com imagens curtas e largas.
  • Vídeos em qualquer área do seu site.

Dica

você pode cortar e redimensionar imagens utilizando outras ferramentas internas.

Definir o ponto focal

  1. Abra o bloco, seção ou imagem.
  2. Passe o cursor do mouse sobre a imagem para exibir o ponto focal, que se parece com um pequeno círculo. Este exemplo usa uma imagem em destaque de página, mas o processo é semelhante para todos os pontos focais.
The_focal_point_in_the_center_of_the_image.png
  1. Clique e arraste o ponto focal para definir a área de foco central.
The_focal_point_moved_to_the_top_of_the_image.png

A área definida pelo ponto focal agora aparece como o centro da imagem. O novo ponto focal salva automaticamente na nova posição, mesmo que você não clique em Salvar.

Dica

para algumas imagens, o ponto focal pode saltar para o centro da imagem se você tentar configurá-la muito perto do centro. Isso é esperado, e só acontece quando o movimento do centro não faria diferença visual.

Mais ajuda

Tamanho e formato da imagem

A altura e a largura da imagem, e o formato do recipiente que está preenchendo, têm grande impacto sobre a quantidade de efeito que o ponto focal tem.

Por exemplo, se você adicionar uma imagem em formato de paisagem a um bloco de imagem definido para ser exibido como um quadrado, todas as alterações horizontais feitas no ponto focal farão uma grande diferença. A imagem é mais larga do que o contêiner, então há espaço dos dois lados para uma nova centralização.

imagem em formato de paisagem em recipiente quadrado

Por outro lado, se o recipiente da sua imagem e a imagem original tiverem o mesmo formato e tamanho básicos, mover o ponto focal não fará uma grande diferença.

Dica

para ajustar a altura do contêiner em um bloco de imagem, use a alça de recorte.

imagem em formato de em contêiner em formato de paisagem

Imagens de galeria

  • Você pode ajustar o ponto focal na página de galeria principal ou no editor de seção de galeria. Para fazer ajustes finos, use o editor de imagens.
  • Na versão 7.0, se você configurou um Bloco de Galeria para extrair imagens de uma página de galeria, faça as alterações do ponto focal na Página de Galeria.

Exibição de imagens

Se a sua imagem parecer borrada ou distorcida:

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.