Adicionar imagens em destaque

Comercialize os posts, eventos ou produtos incluídos em seu site com uma imagem convincente.

Ultima atualização 24 de Março de 2024

O Squarespace usa imagens em destaque para representar itens de coleção individuais — como publicações do blog, eventos e produtos — em diferentes áreas do seu site. Por exemplo, você pode usar um bloco de sumário para exibir publicações da página do seu blog que incluem a imagem em destaque de cada publicação. 

Se o seu site estiver na versão 7.0, você também pode adicionar imagens em destaque da página para aparecer nas páginas de índice e criar imagens de banner por página em alguns templates.

Recomendamos sempre adicionar imagens em destaque quando a opção estiver disponível, para criar uma excelente experiência visual no site. Para receber ajuda para formatar imagens antes de fazer o upload, acesse Formatação de imagens para exibição na Web.

Dica

ao compartilhar um link do site nas mídias sociais, sua imagem de compartilhamento social poderá ser exibida em vez da imagem em destaque do item ou da página. Para saber mais sobre o que é exibido, acesse Como o conteúdo será exibido em publicações de redes sociais.

Imagens em destaque do item de coleção

A imagem em destaque de itens de coleção representam publicações individuais de blog, eventos e produtos em todo o site. Eles também podem ser exibidos quando os itens são compartilhados nas redes sociais.

Na versão 7.0, alguns templates usam imagens em destaque de itens de coleção para criar uma imagem de banner.

A forma como você adiciona uma imagem em destaque de um item de coleção depende da versão do Squarespace em que seu site está.

Para adicionar uma imagem em destaque de subpágina de publicação do blog, evento ou portfólio:

  1. Abra o painel "Páginas".
  2. No painel Páginas, clique em uma página de blog, eventos ou portfólio. Se você não adicionou imagens em destaque a uma publicação, evento ou subpágina, um ícone de imagem será exibido.
  3. Passe o cursor sobre o item (por exemplo, uma publicação do blog) e clique em ..., em seguida, clique em Configurações
  4. Na aba Conteúdo ou Geral, arraste sua imagem para o carregador de imagens ou clique no carregador de imagens e escolha um arquivo do seu computador. Se o item já tiver uma imagem, clique em Remover imagem e adicione uma nova imagem.
  5. Para reutilizar uma imagem ou usar uma imagem de acervo, clique em Procurar imagens (somente publicações de blog e eventos).
  6. Clique em Salvar.

Como padrão, a primeira imagem que aparece no editor do produto será a imagem em destaque. Para alterar a imagem em destaque do produto:

  1. Abra o painel "Páginas".
  2. No painel "Páginas", clique em uma página da loja.
  3. Clique duas vezes em um produto.
  4. No editor de produtos, role para baixo até a seção Imagens e clique em Imagem em destaque.
  5. Faça upload de uma imagem; ou selecione uma na sua biblioteca de imagens.
  6. Se o produto já tiver uma imagem em destaque, clique nos três pontos à direita da imagem e depois clique em Apagar. Em seguida, faça o upload de uma nova imagem.
  7. Clique em Salvar.

Para adicionar uma imagem de destaque personalizada a um vídeo enviado em uma página de vídeos:

  1. Abra o painel "Páginas" e clique em uma página de vídeos.
  2. No painel lateral, clique em Todos.
  3. Passe o cursor do mouse sobre o vídeo ao qual você deseja adicionar uma imagem personalizada em destaque, clique em ... e depois em Editar vídeo.
  4. No editor de vídeo, ative a opção Imagem em destaque personalizada. Lembre-se de que essa opção está disponível apenas para vídeos enviados diretamente para o Squarespace. Não é possível adicionar imagens personalizadas em destaque aos vídeos incorporados.
  5. Clique em Adicionar uma imagem; depois carregue uma imagem ou selecione uma imagem da sua biblioteca de imagens. Se o item já tiver uma imagem, clique em Trocar e adicione uma nova imagem.
  6. Clique em Salvar.

Para adicionar uma publicação no blog ou uma imagem em destaque do evento:

  1. Abra o painel "Páginas".
  2. No painel Páginas, clique em uma Página de Blog ou Eventos
  3. Abra as configurações do item e clique em Opções.
  4. Para escolher um arquivo salvo no seu computador, arraste a imagem para o carregador de imagem ou clique no carregador e escolha a imagem. Se o item já tiver uma imagem, clique em Excluir imagem ou no ícone da lixeira; em seguida, adicione outra imagem.
  5. Para reutilizar uma imagem ou utilizar uma imagem de acervo, clique em Procurar imagem.
  6. Clique em Salvar.

Como padrão, a primeira imagem que aparece no editor do produto será a imagem em destaque. Para alterar a imagem em destaque do produto:

  1. Abra o painel "Páginas".
  2. No painel "Páginas", clique em uma página da loja.
  3. Clique duas vezes em um produto.
  4. No editor de produtos, role para baixo até a seção Imagens e clique em Imagem em destaque.
  5. Faça upload de uma imagem; ou selecione uma na sua biblioteca de imagens.
  6. Se o produto já tiver uma imagem em destaque, clique nos três pontos à direita da imagem e depois clique em Apagar. Em seguida, faça o upload de uma nova imagem.
  7. Clique em Salvar.

Dica

use o editor de imagens para ajustar o estilo ou para cortar a imagem em destaque após o upload. Você também pode usar o ponto focal para centralizar a imagem dentro da altura.

Acessando o recurso

O app Squarespace só oferece suporte à adição de imagens em destaque de itens de coleção a publicações do blog. Para adicionar imagens em destaque de eventos ou produtos, use um computador.

Para adicionar uma imagem em destaque de um item de coleção (versão 7.1):

  1. Toque em Mais, depois em Páginas, depois no blog e, por último, em Conteúdo do blog.
  2. Toque em ... ao lado da publicação, depois em Configurações e depois em Conteúdo.
  3. Se o item já tiver uma imagem, clique em Excluir imagem e depois em Adicionar imagem
  4. Escolha uma imagem:
    • Tirar uma nova foto - toque em Tirar foto ou Câmera.
    • Escolha uma imagem no seu aparelho - toque em Biblioteca de fotos ou Arquivos.
    • Escolher uma imagem no iCloud - toque em Inserir de....
  5. Toque em Voltar e depois em Salvar.

Para adicionar uma imagem em destaque de um item de coleção (versão 7.0):

  1. Toque em Mais e depois em Páginas
  2. Toque no blog e depois na publicação. 
  3. Toque em ... e depois em Configurações da página.
  4. Nas configurações da publicação, toque em Adicionar imagem e escolha uma imagem:
    • Tirar uma nova foto - toque em Tirar foto ou Câmera.
    • Escolha uma imagem no seu aparelho - toque em Biblioteca de fotos ou Arquivos.
    • Escolher uma imagem no iCloud - toque em Inserir de....
  5. Toque em Salvar

Imagens em destaque da página (versão 7.0)

Acessando o recurso

A versão 7.1 não usa imagens em destaque na página. Para criar uma imagem do banner, adicione uma imagem de plano de fundo de seção a uma seção de página. Para representar a página nas redes sociais, adicione uma imagem alternativa de compartilhamento social.

As imagens em destaque de página aparecem nas Páginas Índice e criam imagens de banner por página em alguns templates. Alguns templates são compatíveis também com a inclusão de vídeos.

Para adicionar uma imagem em destaque da página:

  1. Abra o painel "Páginas".
  2. Passe o cursor sobre a página no painel esquerdo e clique para abrir Configurações de página.
  3. Em Configurações de página, clique na guia Mídias.
  4. Arraste uma imagem para a caixa Imagem em destaque ou clique em Adicionar imagem . Se o item já tiver uma imagem, clique em Remover imagem ou no ícone da lixeira e adicione outra imagem. Você pode também clicar em Pesquisar imagens para reutilizar uma imagem ou adicionar uma imagem de acervo.
  5. Clique em Salvar.

Dica

use o editor de imagens para ajustar o estilo ou para cortar a imagem em destaque após o upload. Você também pode usar o ponto focal para centralizar a imagem dentro da altura.

Para adicionar uma imagem em destaque da página:

  1. Toque em Mais e depois em Páginas.
  2. Toque em ... ou na parte superior da tela e em Configurações da página.
  3. Em Opções, toque em Mídia.
  4. Toque em Adicionar imagem em Imagem em destaque. Se o item já tiver uma imagem, clique em Substituir e adicione outra imagem.
  5. Escolha uma imagem:
    • Tirar uma nova foto - toque em Tirar foto ou em Câmera.
    • Escolher uma imagem do seu aparelho - toque em Biblioteca de fotos ou em Arquivos.
    • Escolher uma imagem no iCloud - toque em Inserir de....
  6. Toque em Configurações da página e, em seguida, toque em Salvar.

Na maioria dos templates, se a página de galeria não tiver uma imagem em destaque, será criada uma automaticamente a partir da primeira imagem na galeria. As etapas acima mostram como apagá-la ou trocar por outra imagem.

Em alguns templates, ao apagar a imagem em destaque da página, a primeira imagem da galeria automaticamente vira a imagem em destaque ao se fazer qualquer alteração na galeria. Isso é mais perceptível nos templates em que a imagem em destaque cria um banner de página.

Nesses exemplos, você pode apagar a nova imagem em destaque das Configurações de página para excluí-la após cada alteração. Se você adicionar manualmente uma imagem em destaque nas Configurações de página, a imagem em destaque não atualizará automaticamente ao realizar alterações na galeria. Para simular um visual sem banner, carregue uma imagem em destaque de cor cheia que combine com o fundo.

Como as imagens em destaque são exibidas

As imagens em destaque são exibidas de forma diferente dependendo da versão do seu site e de onde a imagem em destaque aparece. 

A tabela mostra mais sobre como as imagens em destaque aparecem em diferentes áreas do seu site. 

Área do site

Exibição de imagem em destaque

Páginas de Blog, eventos, loja e vídeos

As imagens em destaque de itens são exibidas na página principal da coleção para representar cada item. Por exemplo, as Páginas de Eventos exibem a imagem em destaque de todos os eventos futuros.

Blocos de Produto

As imagens em destaque serão exibidas quando Mostrar imagem estiver marcada.

Blocos de Sumário

As imagens em destaque são exibidas para os itens de coleção apresentados no bloco. Escolha entre os diversos layouts disponíveis.

Use esta tabela para saber mais sobre como as imagens em destaque são exibidas em diferentes áreas do seu site. 

Área do site

Exibição de imagem em destaque

Banners

As imagens em destaque são exibidas como banners de item de página e coleção em alguns templates.

Páginas Índice

As imagens em miniatura são exibidas como grade, empilhadas ou em tela cheia, dependendo do template do site.

Páginas de Blog, Eventos e da loja Avançadas

As imagens em destaque de itens de coleção são exibidas na página principal da coleção para representar cada item. Por exemplo, as Páginas de Eventos exibem a imagem em destaque de todos os eventos futuros.

Blocos de Produto

As imagens em destaque serão exibidas quando Mostrar imagem estiver marcada.

Blocos de Sumário

As imagens em destaque são exibidas para os itens de coleção apresentados no bloco. Escolha entre os diversos layouts disponíveis.

Blocos de Link de Conteúdo

São exibidas imagens em destaque das páginas ou dos itens a que você estiver vinculando.

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.