Gerador de Favicon

Pelo menos 512×512, e quadrada. Tudo é redimensionado a partir do original, então começar pequeno gera ícones borrados nos tamanhos maiores. Um logo vetorial exportado a 1024×1024 dá o resultado mais limpo.

Sim, mas menos que antes. Navegadores solicitam /favicon.ico por padrão, mesmo sem a tag link, e ele ainda aparece em alguns favoritos e históricos. O .ico gerado contém três resoluções para que o navegador escolha o mais nítido.

Porque todos os espaços de favicon são quadrados, e esticar um logo largo para caber o torna ilegível a 16 pixels. É usado o maior quadrado centralizado. Se isso cortar algo importante, prepare uma versão quadrada do seu logo — a maioria das marcas tem uma por esse motivo.

Navegadores fazem cache agressivo dos favicons, muitas vezes além de uma atualização normal. Tente um recarregamento forçado, acesse a URL do ícone diretamente, ou verifique numa janela anônima. Na maioria das vezes é cache e não arquivo quebrado.

Favicons SVG têm bom suporte e escalam perfeitamente, sendo boa opção principal se você tem arte vetorial limpa. Ainda assim, você precisa de um .ico e um ícone Apple touch como fallback, que este conjunto oferece.