Galeria de imagens no Squarespace

Apresente um conjunto de imagens em um layout organizado.

Ultima atualização 13 de Janeiro de 2025

Para exibir um conjunto de imagens em um único layout coeso, você usará uma das opções de galeria do Squarespace. Qual usar dependerá de qual versão do Squarespace seu site está e onde você deseja adicionar a galeria.

Este guia aborda as principais diferenças entre os tipos de galeria e outras considerações importantes ao adicionar uma galeria ao seu site.

Seções de galeria:

As seções da galeria são um tipo especial de seção para exibir conjuntos de imagens. Este é o método principal para exibir várias imagens ao mesmo tempo no Squarespace versão 7.1. Você pode:

As seções da galeria oferecem suporte a layouts de grade e apresentação em slides, com três variantes cada:

  • Grade - Simples, Tiras, Alvenaria
  • Apresentação deslides - Simples, Completo, reel

Saiba mais em Seção de galeria.

exemplo de seções de galeria

Blocos de Galeria

Blocos de Galeria são blocos onde você pode adicionar imagens e incorporar vídeos. Os Blocos de Galeria têm opções de layout integradas, e você também pode organizá-las em layouts com outros blocos. A versão 7.1 e a versão 7.0 suportam Blocos de Galeria, mas onde você pode adicioná-los varia.

Você pode adicionar um Bloco de Galeria a qualquer área de conteúdo de bloco que não use seções, como publicações de blog, descrições de eventos ou informações adicionais sobre produtos. Não é possível adicionar Blocos de Galeria às Páginas de Layout ou à página de destino das coleções. Nesses casos, use seções de galeria em vez disso.

Acessando o recurso

Os membros do círculo podem adicionar blocos de galeria a todas as áreas de conteúdo na versão 7.1. Para saber mais sobre como se tornar um membro do Circle, acesse Squarespace Circle.

No bloco de galeria, você pode fazer upload de imagens, adicionar imagens de acervo ou incorporar vídeos.

Você pode adicionar Blocos de Galeria a Páginas de Layout, publicações de blog e qualquer outra área de conteúdo de bloco. Você pode carregar imagens, adicionar imagens de acervo, incorporar vídeos ou exibir conteúdo de uma Página de Galeria existente com Blocos de Galeria.

Os Blocos de Galeria suportam quatro layouts diferentes entre os quais você pode alternar a qualquer momento:

  • Slideshow
  • Carousel (Carrossel)
  • Grid (Grade)
  • Stack (Pilha)

Para saber mais, visite Blocos de Galeria.

exemplo de blocos de galeria

Página de Galeria (versão 7.0)

As Páginas de Galeria são exclusivas do seu template e têm um design específico destinado para funcionar com esse template. Assim como os Blocos de Galeria, você pode usar as Páginas de Galeria para fazer upload de imagens, adicionar imagens de acervo e incorporar vídeos. Para saber mais, acesse Páginas de Galeria na versão 7.0.

A página de galeria usa slideshow, controle deslizante (carrossel), grade e designs empilhados. Dependendo do template, a página de galeria tem design fixo, uma opção para template entre designs nos estilos do site ou dá aos visitantes a opção de ajustar o design da galeria. Consulte nossa lista de designs de página de galeria específicos para cada template.

Comparações de galeria

As diferentes opções de galeria do Squarespace oferecem diferentes possibilidades de exibição de imagens.

Se você usa uma seção de galeria ou um Bloco de Galeria depende da área do seu site onde você deseja colocar uma galeria. Eles compartilham as mesmas capacidades com algumas pequenas diferenças. Para ter uma noção dos recursos disponíveis para cada um, revise a tabela abaixo.

  Seções de galeria: Blocos de Galeria
Onde você pode adicionar
  • Páginas de Layout
  • Páginas de destino das coleções
  • Subpáginas de Portfólio
  • Postagens de blog
  • Descrições de eventos
  • Informações adicionais sobre o produto
Exibe Em sua própria seção. Não é possível adicionar outros tipos de conteúdo a uma seção de galeria Na mesma área de conteúdo que outros blocos. Você pode colocá-lo ao lado de outros blocos
Opções de layout (altere a qualquer momento)
  • Grade: simples
  • Grade: tiras
  • Grade: tijolos
  • Slideshow: simples
  • Slideshow: tela cheia
  • Slideshow: rolo de filme (semelhante ao layout do carrossel do bloco de galeria)
  • Slideshow
  • Carousel (Carrossel)
  • Grid (Grade)
  • Empilhado
Imagens de acervo com licenças

Sim

Sim

Incorporar vídeo

Não. Em vez disso, use arquivos de imagem.gif animados

Sim

Exibir legendas

Sim

Sim, exceto no layout do carrossel

Adicionar URLs de clickthrough

Sim. Desativado no efeito lightbox

Sim. Desativado no efeito lightbox
Ativar lightbox

Sim, na maioria dos layouts

Sim, no layout de grade

Adicionar animações

Sim, na maioria dos layouts. Você pode configurá-los para corresponder a animações em todo o site ou selecionar uma opção personalizada

Não

Não é possível vincular Blocos de Galeria ou Blocos de Sumário a seções de galeria.

Ao tentar decidir entre um Bloco de Galeria ou uma Página de Galeria, a resposta depende do seu site. Recomendamos que você navegue pelas várias Páginas de Galeria específicas de templates para encontrar uma que lhe agrada. Se encontrar um template que você ama, mas não é fã de sua Página de Galeria, usar Blocos de Galeria é uma ótima solução alternativa. Ou, se você ama a Página de Galeria e também deseja exibir suas imagens em outro lugar do seu site, adicione um Bloco de Galeria a uma página e vincule-as.

Benefícios dos Blocos de Galeria

  • Consistência entre templates - Todos os quatro layouts de Bloco de Galeria podem ser usados em qualquer template. A alternância de templates não afeta os Blocos de Galeria.
  • Trabalhar com outros blocos de conteúdo - Blocos de Galeria podem ser adicionados em qualquer combinação com outros blocos. Isso é ideal se você quiser usar uma combinação de imagens e texto.
  • Pode ser adicionado em qualquer lugar - Blocos de Galeria podem ser adicionados a qualquer área de conteúdo, incluindo Páginas de Layout, publicações de blog, cabeçalhos, rodapés e barras laterais (se suportado pelo seu template).
  • Puxe imagens de Páginas de Galeria - Os Blocos de Galeria podem extrair imagens de Páginas de Galeria existentes no seu site. Dessa forma, você pode usar uma Página de Galeria como a página principal para suas imagens e, em seguida, usar os Blocos de Galeria para exibi-las em outro lugar ou tentar layouts diferentes.

Benefícios das Páginas de Galeria

  • Recursos especiais - Muitas Páginas de Galeria de templates têm recursos especiais não disponíveis nos Blocos de Galeria. Por exemplo, as Páginas de Galeria Momentum exibem imagens sem margens.
  • Compartilhamento de imagens - Você pode compartilhar imagens da Página de Galeria de duas maneiras: deeplinks de URLs para vincular diretamente a imagem caso o template seja compatível, ou compartilhamento social para enviar uma imagem do seu site do Squarespace para um perfil social conectado.
  • Trabalhar com Páginas Índice - Você pode adicionar Páginas de Galeria a Páginas de Índice em templates compatíveis. As Páginas de Galeria geralmente exibem imagens de forma diferente nas Páginas Índice para outra opção visual exclusiva.
  • Trabalhe com blocos de sumário - você pode usar um bloco de sumário para mostrar o conteúdo existente na página de galeria em layouts exclusivos em estilo revista. Assim como no bloco de galeria, você pode adicionar blocos de sumário a outras áreas de conteúdo, e eles podem mostrar metadados extras, como tags e categorias.

Exibição em dispositivos móveis

Na versão móvel, a exibição da galeria depende do formato dela. No caso da Página de Galeria, vai depender também do seu template. Saiba mais em Como meu site ficará na versão móvel?

Ao usar qualquer galeria, preste atenção à quantidade de conteúdo na página. Arquivos de imagem grandes ou um número excessivo de imagens podem deixar a carga do site mais lenta, especialmente em dispositivos móveis.

Para evitar esses problemas, recomendamos consultar nossos guias para formatar imagens e para fazer um site voltado para aparelhos móveis. Em vez de deixar todas as imagens em uma só galeria, você pode usar mais de uma para expor seus trabalhos por projeto ou categoria.

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.