Como criar um favicon
Um favicon é o pequeno ícone exibido nas abas do navegador. Use o nosso Gerador de Favicon para produzir um pacote multirresolução.
Guias de formatos de imagem, como fazer favicons e dicas de SEO.
Um favicon moderno é mais que uma imagem 16×16. Aqui está o fluxo completo para um resultado nítido em cada navegador, SO e dispositivo.
ICO é universal, mas antigo; PNG é moderno, mas exige link explícito. Veja como usar os dois juntos.
Há dezenas de recomendações online. Este é o conjunto mínimo que cobre 100 % dos usuários.
Três tags cobrem 99 % dos casos. Mais duas para uma configuração digna de PWA.
O WordPress chama de Site Icon e gera todos os tamanhos para você. Tutorial de 60 segundos.
SVG é o futuro; ICO é a base. Publique ambos.
A maioria envia sua imagem para um servidor. Os mais rápidos e seguros não fazem isso.
O Windows pede 7 tamanhos de ícone diferentes. Um único .ico pode conter todos.
Fundo sólido em favicon parece datado e conflita com o modo escuro. Como manter o alpha de ponta a ponta.
Entender cada formato ajuda a resolver o inevitável «meu favicon não aparece».
Um favicon é o pequeno ícone exibido nas abas do navegador. Use o nosso Gerador de Favicon para produzir um pacote multirresolução.
PNG, JPG, WebP e AVIF possuem finalidades específicas. WebP é a escolha padrão mais segura para conteúdo fotográfico.
O peso da página afeta diretamente o ranking. Comprima imagens antes de publicar para melhorar os Core Web Vitals.