Converter uma imagem PNG para ICO

O que é um arquivo ICO?

O formato ICO é o formato de ícone do Windows, adotado pelos navegadores para o favicon, a pequena imagem que aparece na aba, nos favoritos e no histórico. A grande diferença: um único arquivo .ico contém várias imagens de tamanhos diferentes. O Windows mostra a versão 16 × 16 nas listas e na barra de tarefas, a de 32 e a de 48 nos ícones médios, a de 256 nos ícones grandes do Explorador de Arquivos; o navegador usa a de 16 ou a de 32, conforme a definição da tela. Por isso, renomear um arquivo .png para .ico não basta: um ICO de verdade começa com um cabeçalho que lista os tamanhos que ele contém. Esta ferramenta grava esse arquivo do jeito certo, com cada tamanho guardado em PNG, o formato aceito pelo Windows desde o Vista e por todos os navegadores atuais.

Criar um favicon para o seu site

Comece com um logo quadrado e simples e baixe o pacote favicon. Ele traz favicon.ico (16, 32 e 48 pixels), apple-touch-icon.png (180 × 180, o ícone usado quando alguém adiciona o site à tela de início do iPhone), icon-192.png e icon-512.png (para Android e aplicativos web), o arquivo site.webmanifest que declara esses ícones e as linhas HTML para copiar. Coloque os arquivos na raiz do seu site e cole as linhas na tag head das páginas. Criadores de sites e lojas como WordPress, Wix, Shopify ou Nuvemshop costumam pedir só uma imagem PNG quadrada: nesse caso, use icon-512.png. Os navegadores guardam o favicon antigo por muito tempo: depois de trocar, recarregue a página com Ctrl+F5 ou espere um pouco.

Mudar o ícone de uma pasta ou de um atalho no Windows

Para uma pasta, clique com o botão direito e escolha Propriedades, guia Personalizar, botão “Alterar Ícone…” e depois Procurar para escolher o seu arquivo .ico. Para um atalho, vá em Propriedades, guia Atalho, botão “Alterar Ícone…”. Deixe o arquivo .ico em uma pasta que não vai mudar de lugar: se ele for movido ou apagado, o Windows volta ao ícone padrão. Para um ícone nítido em todos os modos de exibição do Explorador de Arquivos (ícones pequenos, médios, grandes e extra grandes), marque todos os tamanhos de 16 a 256 pixels com a predefinição “Windows”.

Fazer um ícone legível, mesmo em 16 pixels

Um ícone de 16 × 16 tem só 256 pixels: detalhes finos, textos e contornos muito finos desaparecem. Prefira uma forma simples e com bom contraste, que ocupe todo o quadrado, como uma inicial ou um símbolo, em vez de um logo completo com slogan. Confira a prévia na aba clara e na aba escura: um logo preto em fundo transparente some no modo escuro, e um fundo colorido pode resolver. Se a sua imagem não for quadrada, escolha entre “Recortar em quadrado”, que mantém o centro, e “Imagem inteira + margens”, que adiciona bordas transparentes ou coloridas. Um arquivo SVG dá o resultado mais nítido, porque é redesenhado antes de ser reduzido para cada tamanho.