Represente sua marca com um favicon personalizado.

Favicon ou ícone do browser é uma pequena imagem quadrada que aparece ao lado do título da página nas abas do browser e em outros lugares na internet. O favicon personalizado facilita o reconhecimento do seu site num browser cheio de abas ou marcadores.

Assista a este vídeo

Adicione um favicon

Para adicionar um favicon:

1. Abra o painel Favicon.
2. Arraste a imagem para o carregador de imagem ou clique na área do carregador para escolher um arquivo salvo no seu computador.
3. (Opcional) Adicione uma versão alternativa do seu favicon para aparecer quando os visitantes virem seu site no modo escuro. Só é possível adicionar o favicon de modo escuro após adicionar um favicon padrão. 
4. Após o upload das imagens, clique em Salvar.

Melhores práticas para o design de favicon

Siga estas boas práticas ao criar e formatar seu favicon:

• Resolução da imagem — embora sejam exibidas em 16px x 16px, as imagens favicon funcionam melhor em todos os navegadores quando carregadas com dimensões entre 100px x 100px e 300px x 300px.
• Formato de arquivo — recomendamos arquivos .png. Não é possível carregar um arquivo icon.
• Tamanho do arquivo — arquivos de imagem favicon não podem ser maiores que 100 KB.

Como os favicons são exibidos

Geralmente, os favicons aparecem nas abas do navegador, mas podem ser exibidos de forma diferente dependendo do navegador ou dispositivo:

• No Safari, o favicon aparece quando você clica na barra de endereços ou se abrir várias abas do navegador.
• No Safari, o favicon talvez apareça com uma margem ou cor de fundo, para garantir melhor contraste. Isso pode acontecer tanto no modo claro quanto no modo escuro, dependendo do brilho e da cor do favicon.
• Normalmente, o favicon não é exibido em navegadores móveis.

E se eu não adicionar um favicon?

Todos os sites do Squarespace começam com nosso favicon de cubo padrão. Caso você não adicione seu próprio favicon, as pessoas que conhecem o ícone reconhecerão que você faz parte da comunidade do Squarespace.

Por que meu favicon não está sendo exibido no meu site?

Se o seu favicon não se atualizar imediatamente, recomendamos limpar o cache do browser e reiniciá-lo. Os browsers tendem em usar favicons em cache.

Como faço para que o favicon apareça nos resultados da pesquisa?

Alguns buscadores podem exibir seu favicon quando seu site aparece nos resultados, mas cada um tem requisitos diferentes. Por exemplo, o Google exige que seu favicon seja múltiplo de um quadrado de 48 pixels, como 48px x 48px, 96px x 96px, 144px x 144px e assim por diante.

Para garantir que seu favicon apareça nos resultados de pesquisa, procure as recomendações do buscador para a exibição de favicons e formate sua imagem para atender a esses requisitos.

Posso carregar favicons com várias versões?

Não. No momento, não é possível usar favicons com diversas versões. Para carregar o favicon corretamente, remova as demais versões do arquivo e carregue apenas uma única versão da imagem.