Melhores tamanhos de favicon para sites
Há dezenas de recomendações online. Aqui está o conjunto mínimo que de fato cobre 100 % dos usuários.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
O que os navegadores solicitam
Navegadores desktop solicitam 16×16 (aba), 32×32 (barra de favoritos) e 48×48 (resultados de busca). Todos os três cabem tranquilamente dentro de um único arquivo .ico.
O que os sistemas operacionais solicitam
O menu Iniciar e o Explorador de Arquivos do Windows podem solicitar até 256×256. O macOS prefere .icns, mas aceita .ico. Inclua 16, 32, 48, 64, 128 e 256 no seu .ico para cobrir tudo.
O que PWAs e dispositivos móveis solicitam
Adicione 180×180 (apple-touch-icon) e PNGs de 192×192 + 512×512 (web manifest) para instalações limpas na tela inicial.
O conjunto mínimo viável
Favicon.ico multirresolução + apple-touch-icon.png (180×180) + PNG de 512×512 no manifest. Só isso.
Perguntas frequentes
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.