Converter PNG para ICO (criar favicon)

Onde um arquivo ICO é necessário

• Favicon de site: o pequeno ícone que aparece na aba do navegador e nos favoritos. Hoje dá para definir favicons PNG e SVG com <link rel="icon">, mas muitos navegadores e ferramentas procuram por padrão o /favicon.ico na raiz do site, então ainda é mais seguro ter um ICO.
• Ícones de programas e atalhos do Windows: o Windows escolhe, entre os vários tamanhos dentro do ICO, o mais adequado ao modo de exibição do Explorador.

Escolhendo os tamanhos

• Favicon: 16, 32 e 48 (seleção padrão). Em telas de alta resolução são usados 32 e 48.
• Ícone do Windows: os anteriores mais 256. O tamanho máximo de cada entrada de um ICO é 256×256.

Cada tamanho é armazenado compactado em PNG, então o fundo transparente e as bordas semitransparentes são mantidos. ICOs com PNG dentro abrem no Windows Vista ou mais recente e em todos os navegadores atuais.

Para ficar legível em tamanhos pequenos

Um ícone 16×16 tem só 16 pixels de cada lado, então letras finas e padrões detalhados se perdem. Usar só o símbolo ou a inicial em vez do logo inteiro deixa o ícone mais nítido. Logos que não são quadrados podem manter a proporção com ‘Adicionar margem’ ou preencher tudo com ‘Cortar o centro’. O ideal é um original de 256px ou mais; ampliar um original pequeno deixa a imagem borrada. Um logo SVG, por ser vetorial, fica nítido em qualquer tamanho. A estrutura do ICO está explicada em Formato ICO.