Como adicionar e redimensionar imagens

Adicione recursos visuais ao site e ajuste o tamanho deles.

Ultima atualização 13 de Janeiro de 2025

O uso de imagens é uma ótima maneira de dividir texto, destacar seus produtos ou seu portfólio e mostrar a personalidade da sua marca. Depois de incluir imagens nas páginas do site, você pode redimensioná-las para tornar suas imagens maiores ou menores na página.

Todos os sites do Squarespace têm também um design responsivo: o tamanho das imagens muda automaticamente, dependendo do aparelho que cada visitante usa para acessar o site. Este guia mostra diversas maneiras de incluir, ajustar o tamanho e personalizar suas imagens.

Assista a este vídeo

Adicionar imagens

Há várias maneiras de incluir imagens no site. Siga nossas diretrizes de formatação para que suas imagens fiquem ótimas em qualquer dispositivo. Você pode:

Solução de problemas no upload de imagens

Se o upload de uma imagem não funcionar, veja se há algum problema no seu browser ou aparelho. Recomendamos seguir as etapas para solução de com o browser e tentar novamente.

Reutilize uma imagem

Você pode reutilizar qualquer imagem já carregada no site. Use a biblioteca de ativos para ver e gerenciar todas as imagens carregadas. Saiba mais em "Gerenciamento e reutilização de imagens e vídeos".

Cenas de bancos de imagem

Se você não tiver suas próprias imagens, poderá adicionar imagens de bancos de imagens por meio de nossas parcerias com a Unsplash e a Getty Images. Você pode também reutilizar qualquer arquivo ou imagem que tiver sido enviada para outras áreas do site.

Adicione imagens no app do Squarespace

No app do Squarespace, você pode adicionar imagens a áreas específicas do seu site, como seção de galeria e bloco de imagens. Algumas páginas que aceitam imagens têm outras limitações quanto editadas no app.

Para adicionar uma imagem:

  1. Toque em + ou Adicionar imagem.
  2. Dependendo da área da imagem, e se você estiver usando um dispositivo iOS ou Android, é possível:
    • Tirar uma nova foto
    • Carregar uma imagem da sua biblioteca de fotos
    • Carregar uma imagem de seus arquivos
    • Reutilizar uma imagem
  3. Toque na imagem para adicionar título, descrição e URL de clickthrough.

Dependendo do dispositivo que está usando, você também pode seguir estas dicas:

Redimensionar imagens

Após adicionar as imagens, talvez seja bom aumentá-las ou diminuí-las na página. A imagem pode ficar grande demais em relação aos demais elementos da página; ou o logotipo pode ficar pequeno demais, dificultando a leitura. O ajuste do tamanho da imagem depende de como você a adicionou ao site.

Blocos

Como você redimensiona os blocos depende do editor:

Muitos blocos oferecem outras opções para personalizar ainda mais o tamanho e o formato da imagem:

Páginas e seções

Outras áreas do site

Opções avançadas de imagem

Quer sair do básico? Use imagens interativas, animações e formas de imagem.

Dica

para ajustar o tamanho do arquivo original da imagem, recomendamos usar um software externo de edição de imagens. Exemplo: se você carregou uma imagem com 600 px x 600 px, mas quer que ela tenha 400 px x 400 px, você deverá editar a imagem no seu aparelho e recarregá-la para o seu site.

Ajuste o tamanho das imagens para as redes sociais

Para ajustar o tamanho ou recortar as imagens para usar fora do Squarespace ou nas plataformas sociais, use o redimensionador de imagens gratuito do Squarespace.

Você pode carregar vários arquivos .jpg ou .png e depois selecionar o tamanho. Selecione um tamanho para usar no Instagram, Facebook, YouTube, X (antigo Twitter) e Snapchat, além de outras proporções básicas.

Após ajustar o tamanho das suas imagens, clique no ícone de download no canto superior direito para baixar as imagens em um arquivo .zip. As novas imagens mantêm o formato original do arquivo.

Anotação

o redimensionador de imagens é para o upload e reajuste do tamanho das imagens tiradas diretamente do seu aparelho para usar nas mídias sociais. Não é possível usar imagens já carregadas no site Squarespace nem transferir imagens do redimensionador para o site, mas é possível carregar imagens ajustadas no site após baixá-las.

Próximos passos

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.

Como adicionar e redimensionar imagens