Central de Conhecimento e Guia
Gerador de Favicon Multirresolução e Ícones de Aplicativos Web
Gerador de Favicon Multirresolução e Ícones de Aplicativos Web
Esta ferramenta opera 100% do lado do cliente. Suas fotos, vídeos, arquivos de áudio e documentos PDF nunca são enviados a servidores externos, garantindo privacidade completa.
Fórmula e Método de Cálculo
Master Image (512x512) ➔ Canvas Scaling ➔ [16x16, 32x32, 192x192, 512x512]
The algorithm takes a high resolution master file and mathematically interpolates it down to the exact dimensions required by Google Android (192px) and Apple iOS (512px).
Melhores Práticas e Dicas
- Keep It Simple: A 16x16 pixel square is microscopic. Never use text or complex photographic logos for a favicon. Use a highly simplified, high contrast vector monogram or solid icon.
- Use Transparent PNGs: Always upload a master file with a transparent background. This allows the device OS (like iOS or Android) to apply their own native rounding masks (like squircles) gracefully.
- Don't Forget the Manifest: For Android devices to recognize your app icons, you must include a `site.webmanifest` JSON file in your root directory that points to the exact paths of the 192x192 and 512x512 PNGs.
Perguntas Frequentes
Eu ainda preciso de um arquivo .ico?
Embora historicamente exigido pelo Internet Explorer, os navegadores modernos (Chrome, Safari, Firefox) suportam totalmente favicons PNG padrão através da tag `<link rel='icon' type='image/png'>`. O formato .ico está praticamente obsoleto.
Por que meu favicon parece borrado em telas Retina?
Se você fornecer apenas um ícone 16x16, uma tela Retina de alta densidade irá esticá-lo para 32x32. Você deve sempre incluir pelo menos o tamanho 32x32 para garantir uma renderização nítida em monitores modernos.
O que é o Apple Touch Icon?
Quando um usuário de iOS toca em 'Adicionar à Tela de Início', o Safari procura especificamente por uma tag `<link rel='apple-touch-icon'>` apontando para um ícone de alta resolução (geralmente 180x180) para usar como atalho do app.