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.
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:
- Antes de enviar seu logotipo, verifique se ele tem uma altura semelhante à que você gostaria que fosse exibido. Não exigimos dimensões exatas para logotipos do site. No entanto, na versão 7.0, alguns templates têm uma altura ou largura máxima de logotipo. Para obter detalhes específicos do template, acesse Redimensionar um logotipo na versão 7.0.
- Em caso de dúvidas, é melhor começar com imagens maiores, pois as menores podem ficar pixeladas quando redimensionadas.
- O logotipo pode estar no formato.jpg, .gif ou .png. Veja mais informações nos nossos requisitos de imagem.
- O logo substitui o título do site. Para incluir texto no logotipo, consulte nossas dicas abaixo.
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:
- Clique em Editar no canto superior esquerdo da prévia do site.
- Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
- Clique em Título do site e logotipo.
- 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.
- Na tela responsiva ou na versão móvel, role para baixo para mudar a altura do logotipo.
- Passe o cursor sobre Concluído e clique em Salvar.
Para adicionar uma imagem de logotipo:
- Passe o cursor sobre o título em uma página e clique em Editar. Isso abre o painel Título e logotipo (você pode também acessar o Menu Inicial e clicar em Design e, em seguida, em Título e logotipo).
- 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.
- Clique em Salvare atualize a página.
Para adicionar uma imagem de logotipo:
- Toque em Configurações, depois Configurações do site e, em seguida, Título e logotipo.
- Toque em Logotipo.
- Toque em Adicionar imagem.
- 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....
- 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:
- Editar sua imagem
- Substituir ou remover a imagem
Exibição do logo
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:
- Clique em Editar no canto superior esquerdo da prévia do site.
- Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
- Clique no ícone de Desktop ou Dispositivo móvel.
- Clique em Layout do cabeçalho e depois no layout desejado.
- Clique em Voltar para retornar ao editor do Cabeçalho principal e, em seguida, clique no ícone Global.
- Clique em Título do site e logotipo.
- Use os controles deslizantes para alterar a Altura do logotipo e a Altura máxima do logotipo na versão móvel.
- Passe o cursor sobre Concluído e clique em Salvar.
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.
Remova um logo
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:
- Clique em Editar no canto superior esquerdo da prévia do site.
- Passe o cursor sobre o cabeçalho e clique em Editar cabeçalho do site.
- Clique em Título do site e logotipo.
- Na imagem do logotipo, clique em Substituir para escolher um novo logotipo. Para excluir o logotipo, clique nos três pontos e selecione Remover.
- Passe o cursor sobre Concluído e clique em Salvar.
Para remover o logotipo do site:
- No Menu Inicial, clique em Design e depois em Logotipo e título
- Role para baixo e passe sobre a imagem do logo. Clique no ícone da lata de lixo para deletar a imagem.
- Clique em Salvar.
- Toque em Configurações e depois em Logotipo e título.
- Toque em Logotipo.
- Toque em Remover sob a imagem.
- 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.
Atenção: se você editar a imagem com nosso editor de imagem integrado, ela será salva em .jpg, e toda a transparência será perdida. Para manter o formato.png, use um software externo.
Redirecione o logo
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.
Nas seguintes famílias de template, use os ajustes abaixo para ajustar o tamanho do logotipo:
| 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. |
Assistir a um vídeo
Este vídeo é sobre a versão 7.0.