Adicionando um logo ao site

Exiba um logotipo exclusivo da sua marca no cabeçalho do seu site.

Ultima atualização 17 de Dezembro de 2024

Você pode carregar uma imagem de logotipo para aparecer no lugar do título do site. Essa é uma ótima maneira de divulgar a marca no site.

Clicar na imagem do logo sempre leva à página inicial.

Assistir a um vídeo

Adicione um título ao site

Antes de adicionar um logotipo, substitua o texto padrão no marcador de posição Título do seu site pelo nome do site, pois:

  • O título do site cria o texto alternativo do logotipo.
  • Os mecanismos de pesquisa indexam o título do site e podem exibi-lo nos resultados da pesquisa. Portanto, definir um título para o site é uma prática recomendada de SEO.
  • O título do site pode ser exibido nas guias do navegador, dependendo do formato do título de SEO.

Para obter ajuda, acesse Adicionar o título de um site.

Prepare a imagem do seu logotipo

Para obter melhores resultados:

Se você ainda não tiver logotipo, pode criar um com o Squarespace Logo. Não é possível usar imagens de acervo no logotipo.

Adicionar uma imagem de logotipo

A forma de inclusão de uma imagem de logotipo em um computador depende da versão do seu site . Você pode também adicionar um logotipo no Squarespace App.

Para adicionar uma imagem de logotipo:

  1. Clique em Editar no canto superior esquerdo da prévia do site.
  2. Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
  3. Clique no título ou no logotipo do seu site e depois clique no ícone de lápis.
  4. Nas seções Imagem do logotipo ou Imagem do logotipo móvel, clique em + para adicionar uma nova imagem:
    • Para fazer upload de uma imagem do dispositivo, selecione Carregar arquivo.
    • Para reutilizar uma imagem, clique em Selecionar da biblioteca.
  5. Use os controles para alterar a altura do logotipo nas telas responsivas ou nos aparelhos móveis.
  6. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .

Para adicionar uma imagem de logotipo:

  1. Passe o cursor sobre o título em qualquer página e clique em Editar. O painel Logotipo e título é aberto. (Você também pode abrir o painel Design e clicar em Logotipo e título.)
  2. Role até Imagem do logotipo). Arraste a imagem para o carregador de imagens; ou clique na área do carregador para selecionar um arquivo salvo no seu computador.
  3. Clique em Salvare atualize a página.

Para adicionar uma imagem de logotipo:

  1. Toque em Mais, depois em Design e depois toque em Logotipo e título.
  2. Toque em Logotipo.
  3. Toque em Adicionar imagem.
  4. 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....
  5. Toque em Voltar para voltar às configurações de Logotipo e Título, e depois em Salvar para publicar as alterações.

Após carregar a imagem, você pode:

Geralmente, o logotipo é exibido na parte superior do site. A forma como você estiliza seu logotipo depende da versão do seu site. O estilo do logotipo só é aceito em computadores.

É possível alterar a posição e o tamanho do logotipo para a visualização do computador e do celular:

  1. Clique em Editar no canto superior esquerdo da prévia do site.
  2. Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
  3. No canto superior direito da tela, selecione o ícone Computador para ver a tela no modo desktop.
  4. Clique em Editar design
  5. Clique no layout atual para conferir todas as opções e, em seguida, clique no layout de sua preferência.
  6. No canto superior direito da tela, clique no ícone Móvel e siga os mesmos passos para fixar a posição do logotipo na tela na versão móvel.  
  7. Clique no ícone Computador para retornar ao editor do Cabeçalho principal.
  8. Clique no seu logotipo e depois no ícone de lápis .
  9. Use os controles para alterar a Altura do logotipo e a Altura máxima do logotipo móvel. No computador, o layout que você selecionou para o cabeçalho pode limitar a altura do logotipo.
  10. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .

A posição padrão e as opções para mover seu logotipo variam de acordo com o template e podem aparecer de forma diferente no celular. Para saber mais, visite o título do site e a exibição do logotipo.

Para saber mais sobre as configurações do logotipo do site, explore as opções de estilos do seu template e acesse nossos guias de template.

Na maioria dos templates, você pode mudar o tamanho do logotipo. Alguns templates têm limite máximo de altura ou largura.

A forma de se remover uma imagem de logotipo em um computador depende da versão do seu site . Você pode também remover o logotipo do Squarespace App. Se você remover o logotipo, o título do site reaparecerá.

Para remover o logotipo do site, edite o cabeçalho:

  1. Clique em Editar no canto superior esquerdo da prévia do site.
  2. Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
  3. Clique no seu logotipo e depois no ícone de lápis .
  4. Na imagem do logotipo, clique em Trocar para escolher outro logotipo. Para apagar o logotipo, clique nos três pontos e selecione Excluir.
  5. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
    .

Para remover o logotipo do site:

  1. Abra o painel "Design" e clique em Logotipo e título.
  2. Role para baixo e passe sobre a imagem do logo. Clique no ícone da lata de lixo para deletar a imagem.
  3. Clique em Salvar.
  1. Toque em Mais, depois em Design e depois toque em Logotipo e título.
  2. Toque em Logotipo.
  3. Toque em Remover sob a imagem.
  4. Toque em Voltar para voltar às configurações de Logotipo e Título, e depois em Salvar para publicar as alterações.

Use um logo com texto

Não é possível exibir um logotipo e o título do site ao mesmo tempo. Em vez disso, use uma imagem de logotipo que inclua o texto do título do site.

Como o texto presente no arquivo de imagem do logotipo não é indexável pelos mecanismos de pesquisa, recomendamos manter o texto do título do site, no campo Título do site, e utilizar um logotipo.

Fundos transparentes

Para criar um logotipo sem uma cor de fundo, verifique se o seu logotipo é um arquivo.png com fundo transparente. Você pode usar software de terceiros para criar o fundo transparente ou usar o Logotipo do Squarespace para criar fundo transparente automaticamente.

Anotação

se você editar a imagem com nosso editor de imagens integrado, ela será salva em .jpg, e toda a transparência será perdida. Para manter o formato .png, use um software externo.

Clicar na imagem do logo sempre leva à página inicial. Clicar no logo não poderá direcionar a uma página diferente do site sem que seja aplicado código personalizado.

A adição de códigos ao site é uma modificação avançada e não podemos oferecer mais ajuda com esse tópico.

Como redimensionar um logotipo na versão 7.0

Dica

na versão 7.1, use as configurações do cabeçalho para alterar o tamanho do logotipo.

O processo de ajustar o tamanho do logotipo depende da família do template. Abra o painel "Design" e use os ajustes abaixo para aumentar ou diminuir o tamanho dele. 

Família de template Computador Dispostivos Móveis

Adirondack

Altura do logotipo. Altura máxima de 125 pixels. O título do site é sempre exibido.

Avenue

Tamanho do logotipo (máx.). Tamanho máximo de 300 pixels. Tamanho do logotipo na versão móvel. Tamanho máximo de 300 pixels.

Aviator

Tamanho do logotipo e Página de informações do tamanho do logotipo. O tamanho máximo de ambos os logotipos é 100%. Tamanho do logotipo na versão móvel e na Tamanho do logotipo na Página de Informações. O tamanho máximo é 100%.

Bedford

Largura do Contêiner do Logotipo. Altura máxima de 100 pixels.

Largura do contêiner do logotipo. Altura máxima de 65 pixels.

Brine

Largura do logotipo na seção Cabeçalho: identidade visual. Largura máxima de 320 pixels. Largura do logotipo na seção Versão móvel: identidade visual. A largura máxima é de 240 pixels, mas é limitada pelo Ponto de interrupção da versão móvel.

Farro

Largura do logotipo na seção Cabeçalho: identidade visual. Largura máxima de 320 pixels. Largura do logotipo na seção Versão móvel: identidade visual. Largura máxima de 240 pixels.

Five

Altura do logotipo (banner) e Altura do logotipo (navegação). Ambos têm altura máxima de 480 pixels.

Igual ao computador. Somente é exibido quando Conteúdo do banner: Slogan do logotipo do título do site é selecionado.

Flatiron

Altura da imagem do logotipo. Altura máxima de 200 pixels. Igual ao computador.

Forte

Altura máxima da imagem do logotipo. Altura máxima de 200 pixels. Igual ao computador.

Galapagos

Largura do logotipo do site. Largura máxima de 100%. Para o logotipo específico da versão móvel: altura da navegação.

Ishimoto

Tamanho da imagem do logotipo. Tamanho máximo de 240 pixels. Igual ao computador.

Momentum

Altura da imagem do logotipo. Altura máxima de 100 pixels. Altura fixa.

Montauk

Tamanho do logotipo (máx.). Tamanho máximo de 300 pixels. Igual ao computador.

Native

Largura do logotipo. Largura máxima de 1.280 pixels. Igual ao computador. Altura máxima de 300 pixels.

Pacific

Largura do logotipo. Largura máxima de 300 pixels. Igual ao do computador. Altura máxima de 70 pixels.

Skye

Altura do logotipo. Altura máxima de 120 pixels. Igual ao computador.

Supply

Tamanho do logotipo. Tamanho máximo de 160 pixels. Altura fixa. Marque Usar título do site no cabeçalho na versão móvel) para mostrar o título do site.

Tremont

Altura do logotipo. Altura máxima de 150 pixels. Tablet: altura do logotipo e Versão móvel: altura do logotipo. Ambos com altura máxima de 150 pixels.

Wells

Largura da imagem do logotipo. Largura máxima de 600 pixels. Tamanho da imagem do logotipo na versão móvel. Tamanho máximo de 255 pixels.
Wexley Tamanho da imagem do logotipo (máx.). Tamanho máximo de 200 pixels. Igual ao computador.

York

Altura do logotipo (máx.). Altura máxima de 300 pixels. Largura do logotipo na seção Móvel: Barra. Largura máxima de 240 pixels.

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.