Carregue vídeos chamativos em seu site ou escolha entre imagens de acervo para combinar com a sua marca.

Use imagens para destacar seus produtos ou seu portfólio, dividir texto ou exibir a personalidade da sua marca. Depois de adicionar imagens, você pode redimensioná-las para torná-las maiores ou menores na página.

Vídeo sobre como adicionar e redimensionar imagens

Este vídeo mostra como adicionar e redimensionar imagens em seções do Editor Intuitivo.

Onde adicionar imagens no seu site

O local onde você adiciona imagens ao seu site depende da versão do site.

Outros blocos que exibem imagens no seu site

Não é possível adicionar imagens diretamente a alguns blocos. Em vez disso, estes blocos exibem imagens de outros locais:

• Blocos do Instagram - exiba imagens de uma conta conectada do Instagram
• Blocos de produto - exiba imagens de produtos da sua página da loja
• Blocos de sumário - exiba imagens em destaque de páginas de coleção

Como adicionar imagens

Adicione imagens ao seu site carregando a partir do seu aparelho, adicionando imagens de acervo ou reutilizando imagens da sua biblioteca de ativos.

Carregue imagens do seu aparelho

Adicione uma imagem ao seu site diretamente do seu aparelho. Você pode fazer upload de imagens para elementos específicos do seu site, como blocos de imagens ou seções de galeria, ou fazer upload para a sua biblioteca de ativos para usar mais tarde em todo o seu site.

Ao carregar imagens:

• Siga nossas diretrizes de formatação
• Se a imagem enviada não aparece como desejado, siga nossas etapas de solução de problemas na formatação da imagem
• Se não conseguir fazer upload de uma imagem, siga nossas etapas de solução de problemas no navegador e tente novamente

Adicione imagens de acervo

Adicione imagens de acervo dos nossos parceiros Unsplash e Getty Images. Você também pode reutilizar qualquer imagem de acervo em outras áreas do seu site.

Reutilizar imagens adicionadas anteriormente

Reutilize qualquer imagem que você já tenha carregado no site ou qualquer imagem de acervo que você tenha licenciado. Visualize e gerencie todas as imagens carregadas e licenciadas na biblioteca de ativos.

Redimensionar imagens

Os sites do Squarespace usam design responsivo para alterar automaticamente o tamanho das imagens, dependendo do dispositivo do visitante. Para tornar as imagens maiores ou menores na página, ou alterar como elas são recortadas, você pode redimensioná-las no editor.

Redimensionar imagens adicionadas a blocos

A forma de ajustar o tamanho dos blocos com imagens depende do editor:

• Editor Intuitivo - clique e arraste para ajustar o tamanho do bloco diretamente na página.
• Editor clássico - reduza a largura de qualquer bloco adicionando outros blocos ao lado dele.

Alguns blocos têm ​​opções específicas de ajuste de tamanho:

• Bloco de imagem - no editor clássico, use a alça de recorte para alterar a altura dos blocos de imagem (inline e pôster).
• Bloco de galeria - dependendo do layout, você pode recortar ou ajustar o tamanho das imagens.
• Blocos de sumário - utilize as configurações de design para alterar a aparência das imagens.
• Blocos do Instagram - Utilize as configurações para escolher um design e alterar a proporção da imagem.

Ajustar o tamanho de imagens adicionadas a páginas e seções

Use as opções de estilo de cada tipo de página ou seção para ajustar como as imagens aparecem no seu site:

• Layouts automáticos
• Seção de galeria:
• Páginas de Portfólio
• Páginas da loja

Ajustar o tamanho de imagens em outras áreas do site

As imagens em algumas áreas do seu site têm opções de redimensionamento mais específicas:

• Fundos da seção - altere a altura ou a largura da seção da página. Essas imagens sempre apresentam algum corte.
• Logotipo do site - altere a posição e o tamanho.

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

Personalize suas imagens com ferramentas de design avançadas

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

• Adicione variedade e efeitos visuais exclusivos às suas imagens com formas de imagem
• Dê um visual marcante aos seus blocos de imagens com animações e efeitos de imagem
• Adicione texto alternativo para ajudar as imagens a aparecer em buscas e tornar seu site mais acessível
• Faça as imagens se destacarem do restante do seu conteúdo definindo-as para abrir no lightbox ao serem clicadas
• Gire suas imagens, corte-as, adicione filtros e muito mais com o editor de imagem integrado
• Transforme imagens em links com URLs de clickthrough
• Exiba mais informações quando os visitantes passam o cursor sobre uma imagem com efeitos de cursor

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.

Adicione imagens no app do Squarespace

Você pode adicionar imagens a algumas áreas do seu site, como seções de galeria e blocos de imagens, no app do Squarespace. Você também pode adicionar imagens à Minha Biblioteca para reutilizar em um computador.

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
   • Adicione uma imagem de acervo (apenas em blocos de imagens no iOS)
   • Arraste e solte imagens do Photos (Split View apenas no iPad)
3. Toque na imagem para adicionar títulos, descrições e URLs de clickthrough. Alguns recursos de edição de imagem são limitados no app.

Ajuste o tamanho das imagens para as redes sociais

Você pode ajustar o tamanho e recortar as imagens para usar fora do Squarespace ou nas redes sociais com o redimensionador de imagens gratuito do Squarespace.

Para usar o redimensionador de imagens:

1. Clique em Fazer upload de imagens. Você pode selecionar vários arquivos .jpg ou .png.
2. Selecione os tamanhos preset desejados para usar no Instagram, Facebook, YouTube, X (antigo Twitter) e Snapchat, e de outras proporções da imagem padrão.
3. Clique em Confirmar seleção.
4. Clique no ícone de download no canto superior direito para baixar as imagens em um arquivo .zip. As novas imagens mantêm o formato de arquivo da versão original.

Atenção: não é possível usar o redimensionador em imagens já carregadas no seu site Squarespace. Em vez disso, use o redimensionador primeiro e depois carregue as imagens.