Sobre esta ferramenta
Um favicon é o pequeno ícone de um site apresentado nos separadores, favoritos e outros locais do navegador. Esta ferramenta reúne os tamanhos mais comuns para preparar rapidamente um conjunto de ícones.
Como utilizar
- Selecione ou arraste uma imagem PNG, JPG/JPEG ou WebP estático.
- Ajuste a imagem inteira ou recorte ao centro. Escolha o fundo e margens de 0% a 30% por lado.
- Gere os ícones e verifique as pré-visualizações de 16×16 e 32×32 em tamanho real e a simulação do separador.
- Descarregue os ícones individualmente ou num ZIP e copie as referências HTML dos ficheiros gerados.
Tamanhos disponíveis
- O favicon.ico contém três imagens: 16×16, 32×32 e 48×48.
- São também gerados favicon-16x16.png, favicon-32x32.png e favicon-48x48.png.
Como são criados os ícones
- Ajustar a imagem inteira mantém as proporções e preenche o espaço livre com o fundo escolhido. Recortar ao centro utiliza o quadrado central. Nenhuma das opções estica a imagem.
- A margem é calculada por lado: com 10%, o conteúdo ocupa cerca de 80% da largura e da altura finais.
- Para tamanhos pequenos, como 16×16, escolha contornos simples e bom contraste. Fotografias complexas e texto pequeno podem perder legibilidade; confira o tamanho real.
Aceita PNG, JPG/JPEG e WebP estático. Limites por ficheiro: 100 MiB, 40 milhões de píxeis e 16384 píxeis por lado. Imagens grandes podem exigir mais tempo e memória.
Como utilizar os ícones no site
- Coloque os ícones no seu site e adicione as referências HTML geradas à secção head da página. Os caminhos sugeridos partem da raiz do site; ajuste-os se guardar os ficheiros noutra pasta.
- As referências HTML incluem apenas os ficheiros gerados e podem ser copiadas como texto. Para ícones do ecrã principal da Apple ou tamanhos Android/PWA, use as ferramentas relacionadas abaixo.
- A simulação do separador permite avaliar a nitidez do ícone num espaço pequeno. A apresentação real varia consoante o navegador.
Privacidade
As imagens, os emojis e os ícones gerados são processados apenas no navegador e não são enviados para um servidor.
A ferramenta não guarda automaticamente as imagens nem os resultados. Descarregue os ícones antes de limpar ou sair da página e conserve os originais.
Perguntas frequentes
O que é o favicon.ico?
É um ficheiro de ícone comum em sites. Pode incluir vários tamanhos para o navegador utilizar nos separadores, favoritos e outros locais.
Que tamanhos de favicon devo preparar?
Esta ferramenta fornece os tamanhos habituais de 16×16, 32×32 e 48×48. Para outros tamanhos ou combinações, utilize a ferramenta de favicons com vários tamanhos.
Qual é a diferença entre favicons PNG e ICO?
Cada PNG tem um tamanho fixo. Um ICO pode guardar vários tamanhos. O conjunto inclui ambos os formatos para que possa escolher os adequados ao seu site.
Onde devo colocar os ficheiros de favicon?
As referências usam inicialmente a raiz do site, por exemplo /favicon.ico. Pode usar outra pasta, desde que o caminho corresponda à localização real do ficheiro.
Porque é que o novo ícone não aparece logo no navegador?
O navegador pode manter o favicon anterior em cache. Confirme os ficheiros e os caminhos e tente atualizar a página, limpar a cache relevante ou reabrir o separador.