Resumo (TL;DR)
- Entrada Universal: Converta PNG, JPG, WebP ou SVG em um conjunto de favicon válido.
- Dimensionamento Inteligente: Escolha entre “Cobrir” (cortar para preencher) ou “Conter” (adicionar preenchimento) para ajustar perfeitamente ícones quadrados.
- Padrão de Produção: Gera não apenas um arquivo, mas a mistura essencial de
favicon.ico+ PNGs para compatibilidade web moderna.
Por que usar um conversor dedicado?
Você não pode simplesmente renomear logo.png para favicon.ico. O formato ICO é um contêiner específico que contém várias imagens raster de diferentes tamanhos. Os navegadores precisam disso para escolher a versão mais nítida.
Esta ferramenta lida com a complexidade técnica:
- Reamostragem: Filtros de redução de alta qualidade (Lanczos3) para evitar que ícones 16x16 fiquem borrados.
- Construção de Contêiner: Compilação de versões 16x16, 32x32 e 48x48 em um único arquivo binário
.ico. - Fallbacks Modernos: Geração de PNGs padrão (192x192, 512x512) para Android, PWA e telas de alta densidade.
Recorte Inteligente: Cobrir vs Conter
A maioria dos logotipos é retangular, mas os favicons devem ser quadrados.
1. Cobrir (Crop to Fill)
- Comportamento: Aumenta o zoom até que a imagem preencha o quadrado. As bordas são cortadas.
- Melhor para: Símbolos, monogramas ou ícones que são aproximadamente quadrados.
2. Conter (Fit Center)
- Comportamento: Reduz a imagem para caber inteiramente dentro do quadrado, adicionando preenchimento transparente.
- Melhor para: Logotipos largos ou altos que não podem ser cortados.
Dica PRO: Se o seu logotipo for uma marca nominativa larga, não tente encaixá-lo em um quadrado 16x16. Ficará ilegível. Crie uma variante simplificada (inicial).
Entendendo o formato ICO
O arquivo .ico é único. Ao contrário de um PNG, é um diretório de imagens.
- 16x16: O ícone de aba padrão na área de trabalho.
- 32x32: Usado para telas de alta densidade (Retina).
- 48x48: Usado pelo Windows para ícones de desktop.
Melhores Práticas
- Comece Grande: Envie uma imagem de pelo menos 512x512 pixels.
- Verifique o Contraste: Certifique-se de que seu logotipo seja visível em fundos claros e escuros.
- Transparência é Chave: Use PNG ou SVG transparente.
FAQ
Por que meu favicon parece borrado?
Em 16x16 pixels, você tem apenas 256 pontos. Detalhes complexos desaparecem. Use um design mais simples.
Posso usar apenas um PNG?
A maioria dos navegadores modernos suporta PNG, mas o suporte legado estrito ainda procura favicon.ico. É mais seguro fornecer ambos.