Quando você adiciona um Bloco de Imagem a uma página ou publicação do blog, vários fatores afetam o tamanho dele no seu site:

• O tamanho do bloco de imagem
• O layout que você escolheu para o bloco de imagem
• O tamanho da imagem original (somente layout alinhado)

Este explica esses fatores e as diferentes opções de redimensionamento de imagem.

Assista a este vídeo

Antes de começar

• Este guia trata do redimensionamento dos Blocos de Imagem, que permitem adicionar imagens a Páginas de Layout, publicações do blog e outras áreas de conteúdo no Squarespace. Para saber mais sobre outros tipos de imagens, consulte nossas informações sobre outras imagens.
• Recomendamos fazer o upload de uma imagem que tenha largura entre 1500 e 2500 pixels. Esse intervalo é a melhor opção para imagens com boa aparência, mas que não sobrecarregam seu site.
• Ao usar um layout predefinido com um marcador de posição Bloco de Imagem, adicione sua própria imagem ao bloco antes de tentar redimensioná-lo.

Redimensionar com outros blocos

Ao adicionar um Bloco de Imagem, ele se expande para preencher a largura total da área de conteúdo. Para diminuir o tamanho do Bloco de Imagem, adicione blocos a ambos os lados. Como a proporção da imagem (largura e altura) permanece a mesma, a imagem inteira diminui, mantendo a mesma forma.

A forma mais comum de fazer isso é com o bloco de espaçamento, que cria espaços em branco. Para redimensionar o bloco de imagem, adicione um bloco de espaçamento à esquerda ou à direita do bloco de imagem e arraste o cursor de redimensionamento.

1. Clique em um ponto de inserção para adicionar um Bloco de Espaço.
2. Arraste o bloco espaçador para a esquerda ou para a direita do bloco de imagem.
3. Clique e arraste o cursor de redimensionamento.

Para centralizar a imagem, adicione blocos de espaçamento de tamanho igual em ambos os lados.

Outros blocos

Você pode usar o mesmo método com outros blocos. Isso é especialmente útil para textos lado a lado com imagens, como mostrado no .gif abaixo.

Recorte a imagem original

Para alterar a altura e a forma de uma imagem, recorte partes dela.

Para recortar a imagem original, use o Editor de imagem integrado (imagem abaixo); ou use um software externo e carregue a imagem novamente.

Dica: geralmente, as imagens recortadas permanecerão com a mesma largura no seu site. Para alterar a largura, use um dos outros métodos neste guia.

Use a ferramenta de recorte

Uma opção para os layouts Alinhados e layouts de Poster é clicar e arrastar a ferramenta de recorte para cortar a imagem verticalmente. Isso mantém a largura da imagem, mas altera sua altura.

1. Clique no Bloco de Imagem. Aparecerá uma margem com um cursor de recorte circular na parte inferior.
2. Clique e arraste o cursor de recorte para recortar a imagem.

Dicas:

• Para redimensionar a imagem em incrementos de 20 pixels, mantenha pressionada a tecla Shift enquanto arrasta a ferramenta de recorte. Isso alinha a parte inferior da imagem com outro bloco.
• A ferramenta de recorte só aparece após você adicionar uma imagem.
• Para centralizar a imagem recortada, use os pontos focais.
• Clique duas vezes no cursor de recorte para desfazer o corte.
• Puxe a alça para baixo para ampliar a imagem.

Clique e arraste o cursor de recorte para baixo para cortar na horizontal. A imagem é ampliada, recortando os lados.

Redimensionar com estilos de bloco de imagem

Os layouts de Cartão, Sobreposição e Colagem oferecem opções de redimensionamento nas configurações de estilo.

Dica: isso afeta todos os Blocos de Imagens com esse layout.

Amplie a imagem para preencher o bloco

Ao usar o layout Inline, se imagem for menor do que o Bloco de Imagem, ela manterá a largura original. Você verá um espaço em branco nos dois lados da imagem dentro do bloco. Isso preserva a qualidade da imagem original.

Para preencher o espaço em branco e fazer com que a imagem ocupe toda a largura do bloco:

1. Abra o Bloco de Imagem e clique em Design.
2. Ative a opção Esticar.

Dicas:

• Esticar uma imagem pode afetar sua qualidade.
• Para reduzir a necessidade de alongamento, recomendamos fazer o upload da imagem com largura entre 1500 e 2500 pixels.
• Se a imagem for mais larga do que a área do Bloco de Imagem, ela será encolhida para caber (sem corte).
• Os outros layouts são ampliados automaticamente.

Opções por layout

Veja a seguir uma referência rápida sobre as diferentes opções disponíveis em cada layout:

Opção	Alinhado	Pôster	Cartão	Sobreposição	Colagem	Stack (Pilha)
Redimensionamento com blocos	✓	✓	✓	✓	✓	✓
Recorte a imagem original	✓	✓	✓	✓	✓	✓
Ferramenta de corte	✓	✓	✕	✕	✕	✕
Estilos do site	✕	✕	✓	✓	✓	✕
Ampliar para preencher	✓	n/d	n/d	n/d	n/d	n/d

Outras imagens

Seu site tem outras opções para adicionar imagens, cada uma com sua própria opção de redimensionamento:

• Para imagens do Bloco de Galeria, acesse Bloco de Galeria.
• No caso das imagens de banner, acesse Adição de imagem de banner.
• No caso das imagens da Página de Galeria, consulte seu guia de templates.
• No caso dos Blocos de Instagram, acesse Usando Blocos de Instagram.
• Para Blocos de Sumário, acesse Usar blocos de resumo.
• Veja nossas opções de criação de imagens sem margens.

Dica: em qualquer bloco, é possível usar o método de Redimensionamento com outros blocos.