O que um arquivo ICO realmente é
O formato ICO é o contêiner de ícones do Windows, desde o Windows 1.0 em 1985. Um arquivo guarda um conjunto de imagens da mesma figura em tamanhos diferentes, tipicamente 16, 32, 48 e 256 pixels, para que o sistema escolha o certo para a barra de tarefas, a área de trabalho ou uma lista de arquivos. Desde o Windows Vista a entrada de 256 pixels costuma ser um PNG embutido dentro do ICO, e por isso os arquivos são pequenos.
Na web o mesmo formato virou o favicon: a figurinha na aba do navegador, salva como favicon.ico na raiz de um site desde o Internet Explorer 5 em 1999. Os navegadores hoje aceitam favicons em PNG e SVG também, mas todos ainda leem ICO, e ele continua sendo o único formato que funciona em todo navegador e toda lista de favoritos.
Então o arquivo não é difícil de abrir. Todo navegador exibe, e o Windows mostra como ele mesmo. As duas perguntas de verdade são como criar um a partir de um logo, e como tirar um PNG em tamanho cheio de dentro de um, e as duas são conversões que o conversor de imagens faz no navegador.
Como abrir um arquivo ICO em cada aparelho
Windows
O Explorer mostra um ICO como o próprio ícone, e Fotos e Paint abrem, no maior tamanho que ele tem. O Paint salva ICO também, mas só um tamanho. IrfanView e XnView abrem todos os tamanhos do arquivo e são gratuitos.
macOS
Pré-Visualização e Quick Look abrem ICO e deixam escolher o tamanho na barra lateral. O Pré-Visualização exporta o tamanho escolhido para PNG.
iPhone e iPad
Arquivos e Safari exibem um ICO. Há pouco motivo para abrir um no celular, mas nada recusa.
Android
Chrome e Files do Google abrem ICO. Apps de galeria geralmente ignoram.
No navegador
Chrome, Firefox, Edge e Safari renderizam ICO, e usam como favicon de um site. Arraste o arquivo para uma aba para ver no maior tamanho. A caixa acima usa exatamente isso.
No Photoshop, GIMP e outros editores
GIMP e Affinity abrem e salvam ICO com todos os tamanhos. O Photoshop precisa de um plug-in gratuito para ler ou gravar; sem ele, exporte um PNG e converta aqui. Figma, Sketch e Illustrator exportam PNG ou SVG e deixam a etapa do ICO para um conversor.
Quando não abre, ou abre errado
O editor abre uma versão minúscula de 16 pixels, não a grande
O ICO guarda vários tamanhos e o editor pegou a primeira entrada.
A solução: Abra no GIMP, no IrfanView ou no Pré-Visualização do macOS, que listam todos os tamanhos e deixam escolher o maior. Converter para PNG aqui extrai a maior entrada.
O Photoshop não abre nem salva
O Photoshop nunca veio com suporte a ICO.
A solução: Instale um plug-in gratuito de ICO, ou exporte um PNG do Photoshop e converta para ICO com o conversor de imagens.
O favicon não aparece no navegador
O arquivo não está na raiz do site, é referenciado com o caminho errado, ou está em cache de uma versão anterior.
A solução: Coloque em /favicon.ico, adicione uma tag link no head da página e force o recarregamento; navegadores guardam favicons em cache com teimosia, então uma janela anônima nova é o teste honesto.
O ícone fica borrado na barra de tarefas ou na área de trabalho
O arquivo só tem um tamanho pequeno e o Windows está ampliando.
A solução: Refaça o ICO a partir de um PNG de 256 pixels para que todos os tamanhos estejam presentes. Parta de um PNG quadrado com pelo menos 256 pixels de largura.
O ícone é um quadrado com o fundo preenchido
A imagem de origem não tinha transparência, ou foi convertida de JPG, que não tem.
A solução: Faça o ícone a partir de um PNG com fundo transparente. O removedor de fundo do kliptools.io produz um a partir de um logo sobre cor sólida.
Um site ou app quer um ícone PNG, não ICO
Navegadores modernos, telas iniciais do iOS, Android e lojas de apps aceitam PNG ou SVG.
A solução: Converta para PNG aqui no tamanho pedido. Guarde o ICO para o /favicon.ico e navegadores antigos.
O que fazer com ele depois
Perguntas frequentes
O que é um arquivo ICO?
Um arquivo de ícone do Windows: a mesma imagem guardada em vários tamanhos num contêiner só, usada para ícones de programas e favicons de sites. Todo navegador e sistema exibe.
Como abro um arquivo ICO?
Clique duas vezes no Windows ou no Mac, ou arraste para qualquer navegador. Pré-Visualização, Paint, GIMP e IrfanView abrem; o Photoshop precisa de plug-in.
Como converto um PNG em ICO?
Use o conversor de imagens deste site: solte um PNG quadrado, escolha ICO, baixe. Parta de pelo menos 256 pixels para o ícone ficar nítido em todos os tamanhos.
Como tiro um PNG de um ICO?
Converta com o conversor de imagens, que extrai o maior tamanho, ou abra no Pré-Visualização ou no GIMP e exporte o tamanho que quiser.
Por que meu favicon não atualiza?
Navegadores guardam favicons em cache de forma agressiva. Limpe o cache ou abra o site numa janela anônima, e confira se o arquivo está mesmo em /favicon.ico ou linkado no head da página.
Posso usar um PNG em vez de ICO como favicon?
Sim, todo navegador moderno aceita favicon em PNG ou SVG por uma tag link. Mantenha um ICO em /favicon.ico também para navegadores antigos e ferramentas que procuram ali sem ler a página.