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

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

Atençã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.

3. Clique e arraste o ponto focal para definir a área de foco central.

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.

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.

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:

• É importante que você siga as nossas diretrizes de formatação.
• Saiba como o design responsivo afeta banners e outras imagens.
• Saiba mais sobre blocos de imagens, seções de galeria, páginas de galeria, blocos de galeria, imagens em destaque ou imagens do banner para entender como eles aparecem na página e como ajustar o tamanho do contêiner das imagens.