Conversor de ICO gratuito

Sobre o formato ICO

O formato ICO (Icon) é o formato padrão dos favicons de sites, exibidos em abas, favoritos e barras de endereço do navegador. Este conversor suporta vários tamanhos em um único arquivo .ico, que é o padrão moderno.

Perguntas frequentes

O que é um arquivo ICO ?

Um arquivo ICO é um formato de imagem binário usado para ícones em aplicativos Windows e favicons de sites. Pode conter várias imagens em diferentes resoluções, permitindo que os navegadores exibam o tamanho apropriado conforme o contexto.

Quais tamanhos incluir ?

16×16 e 32×32 são os mais comuns para favicons de navegador. Inclua 64×64 e 128×128 para atalhos do Windows e telas de alta densidade. 48×48 é útil para compatibilidade legada. 256×256 é às vezes usado para representações de ícone em tamanho grande.

Como usar o favicon no meu site ?

Coloque o arquivo favicon.ico no diretório raiz do seu site, ou referencie-o no seu HTML com : <link rel="icon" href="/favicon.ico">. A maioria dos navegadores o encontra automaticamente na raiz.

Uma breve história do ICO

A Microsoft introduziu o ICO com o Windows 1.0 em novembro de 1985, originalmente como um formato de recurso para ícones de aplicativo monocromáticos de 32×32 pixels armazenados dentro de arquivos .EXE e .DLL. A extensão .ico independente foi formalizada para que os ícones pudessem ser editados e compartilhados independentemente dos executáveis. O Windows 3.x acrescentou suporte a 16 e a 256 cores; o Windows 95 fez do ICO um verdadeiro contêiner multirresolução (um arquivo contendo renderizações de 16 / 32 / 48 px, com o SO escolhendo automaticamente a melhor para cada contexto); o Windows XP acrescentou alpha de 32 bits para bordas suaves com anti-aliasing e sombras translúcidas; o Windows Vista (2007) introduziu ícones de 256×256 pixels e permitiu que cada entrada armazenasse ou um BMP clássico ou um arquivo PNG completo. A entrada codificada em PNG agora é padrão para tamanhos acima de 48×48, porque um BMP de 32 bits de 256×256 teria cerca de 256 KB por ícone, um desperdício. Muitos editores de ícones antigos ainda usam ICOs apenas com BMP por padrão e produzem arquivos 8-10× maiores do que o necessário.

O formato saltou de «interno do Windows» para «padrão global da web» em março de 1999, quando o Microsoft Internet Explorer 5 introduziu a convenção /favicon.ico. Quando um usuário adicionava uma página aos «Favoritos», o IE solicitava /favicon.ico da raiz do site e exibia a imagem de 16×16 ao lado do marcador. O nome «favicon» é uma junção de «favorites icon» (ícone de favoritos), direto do menu Favoritos do IE. A convenção nunca foi um padrão oficial do W3C no lançamento; a Microsoft simplesmente documentou o caminho, navegadores e webmasters o adotaram, e o resto do setor seguiu. Vinte e sete anos depois, todo navegador importante ainda solicita /favicon.ico na primeira visita, mesmo quando não existe nenhuma tag <link rel="icon">, e é por isso que os logs de servidor de qualquer site do mundo mostram solicitações de favicon de navegadores, rastreadores, leitores de RSS e bots de pré-visualização de links, e 404s quando o arquivo está ausente.

Por que ICO em vez de PNG em 2026

Dado o quão flexível o PNG é, por que o ICO ainda importa? Três razões:

• Atalhos de desktop e fixação na barra de tarefas do Windows. Quando um usuário cria um atalho de desktop ou fixa um site na barra de tarefas, o Windows Explorer precisa de um ICO para renderizar o atalho em todos os tamanhos atuais do shell do SO (16, 24, 32, 48, 64, 96, 256). Apontar um .lnk para um PNG produz apenas um tamanho, com artefatos de escalonamento bilinear.
• Compatibilidade de favicon entre navegadores. Os navegadores modernos usam PNG e SVG via <link> sem problemas, mas a solicitação implícita de /favicon.ico ainda dispara em visitas frias, e ambientes corporativos / bloqueados rodando o Edge mais antigo ou o IE 11 (ainda existentes em 2026 em contextos industriais, de saúde e governamentais) só vão renderizar o ICO. Um pequeno .ico multitamanho na sua raiz é o padrão universal mais seguro.
• Multitamanho em um único arquivo. O ICO pode conter 16, 32, 48, 64, 128 e 256 em um único download, que é o que esta ferramenta gera. Os navegadores e os shells de SO escolhem a melhor variante para cada contexto automaticamente.

A peculiaridade de tipo MIME que vale notar: os arquivos ICO são tecnicamente servidos como image/vnd.microsoft.icon (o tipo registrado na IANA), mas o mais antigo image/x-icon é o que a maioria dos servidores e templates de CMS emitem, e é universalmente aceito pelos navegadores modernos. Ambos funcionam.

A recomendação de favicon de 2026

Um site moderno não deveria depender apenas do favicon.ico, mas também não deveria pulá-lo. O conjunto «mínimo moderno», defendido pelo realfavicongenerator.net e pelo MDN Web Docs, agora é:

• favicon.ico (a saída desta ferramenta), buscado automaticamente por todo navegador; necessário para usuários de sistemas legados e do IE/Edge antigo.
• favicon.svg: arquivo único, escala para qualquer densidade; suporta claro/escuro via prefers-color-scheme. Suportado no Chromium 80+ (início de 2020) e no Firefox 41+ (2015), mas o Safari só adicionou suporte na versão 17 (setembro de 2023). 2026 é o primeiro ano em que você pode realisticamente depender só de SVG na maioria dos navegadores.
• favicon-32x32.png e favicon-16x16.png: fallbacks raster com precisão de pixel para navegadores que preferem PNG a SVG quando ambos estão listados.
• apple-touch-icon.png (180×180), para atalhos da tela inicial do iOS. A Apple não usa ICO nem SVG; o PNG é obrigatório.
• android-chrome-192x192.png e android-chrome-512x512.png: referenciados a partir de um web manifest para launchers do Android e instalações de PWA.
• manifest.webmanifest: declara os ícones PNG, a cor do tema, o nome do app e o modo de exibição para PWAs.

O bloco head do HTML expõe tudo isso:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

O atributo sizes="any" na tag de link do .ico diz aos navegadores modernos «este arquivo contém tamanhos arbitrários, use-o apenas como fallback», então eles preferem o SVG quando disponível. A tendência de 2024-2026 nos guias de boas práticas é podar de forma agressiva: forneça esses quatro arquivos mais um manifest. Os antigos «pacotes de favicon de 16 arquivos» com blocos mstile e yandex não são mais recomendados, a menos que você tenha como alvo específico essas plataformas.

Dentro de um arquivo ICO

Para os curiosos: o layout binário é simples. Um curto cabeçalho ICONDIR (6 bytes: reservado, tipo=1 para ícones, contagem de imagens), seguido de N registros ICONDIRENTRY (16 bytes cada, listando largura / altura / contagem de cores / tamanho / offset do arquivo), seguidos de N bitmaps de imagem. Cada entrada de imagem pode ser ou um BMP/DIB no estilo antigo ou (desde o Vista) um arquivo PNG completo com seu próprio cabeçalho. O registro ICONDIRENTRY sempre armazena largura e altura como bytes, com 0 significando 256 (o máximo). É por isso que o ICO suporta até 256×256, mas não maior; o formato precisaria ser revisado para armazenar imagens maiores.

Ferramentas para testar o que você gera

• O verificador do realfavicongenerator.net: visita o seu site e relata problemas de renderização por plataforma. Rigoroso, mas preciso.
• O testador do favicon.io: verificação visual rápida em abas de navegador simuladas.
• DevTools do navegador. Force a atualização com Ctrl+F5 (ou Cmd+Shift+R) para ignorar o cache de favicon, que é notoriamente agressivo: o Safari em particular guarda os favicons em cache entre reinicializações e às vezes ignora atualizações por horas.
• URL direta. Visite yoursite.com/favicon.ico em uma nova aba para confirmar que o arquivo está realmente sendo servido. Um problema comum: o arquivo existe, mas o servidor retorna 404 porque ele está fora do caminho configurado para arquivos estáticos.

Quando você recorreria a isto

• Montar o conjunto de favicons de um site novo. Gere o .ico multitamanho aqui, mais um SVG e um PNG apple-touch usando outras ferramentas.
• Atualizar um favicon existente. Reexporte o .ico multitamanho depois de renovar o logo.
• Fixar um atalho de desktop do Windows em uma URL de ícone personalizado.
• Gerar o ícone de um app Electron / Tauri: os apps de desktop do Windows querem ICO para a seção de recursos do executável.
• Substituir um favicon tofu / 404 em um site já publicado que nunca teve um.

Mais perguntas

Meu favicon foi atualizado, mas meu navegador ainda mostra o antigo, por quê?

O cache de favicon é notoriamente agressivo. Os navegadores guardam os favicons em cache entre reinicializações e nem sempre respeitam os cabeçalhos HTTP de cache-control. Forçar a atualização (Cmd+Shift+R no Mac, Ctrl+F5 no Windows) geralmente funciona no Chromium e no Firefox; o Safari às vezes precisa de um fechar-e-reabrir completo, e no iOS o ícone da tela inicial pode precisar que a página seja readicionada por inteiro. Adicionar uma query string (/favicon.ico?v=2) força uma atualização na maioria dos navegadores, mas nem sempre funciona para a solicitação implícita de /favicon.ico, então, para isso, declare a nova URL em uma tag <link rel="icon">.

Quais tamanhos devo incluir?

Para favicons de navegador: 16 e 32 são essenciais. 48 ajuda com as abas de alta DPI do Windows. Para atalhos de desktop e fixação na barra de tarefas do Windows: inclua 64 e 128 (e 256 para a maior exibição «Extra grande» do Explorer). A seleção padrão desta ferramenta (16/32/48/64) cobre 99% dos casos. Adicionar 128 ou 256 aumenta o tamanho do arquivo de forma perceptível (só o 256×256 codificado em PNG fica em torno de 30-40 KB), então inclua-os apenas se você realmente precisar da renderização do shell do Windows.

Devo usar um fundo transparente?

Quase sempre, sim: os navegadores modernos exibem os favicons contra a cor do chrome da aba, que difere entre o modo claro, o modo escuro e a fixação de abas. PNGs transparentes (ou uma entrada transparente para o conversor) produzem bordas limpas em todos os fundos. A exceção são os logos que ficam ilegíveis sem um fundo colorido: para esses, embutir a cor de fundo é aceitável. PNG e ICO suportam ambos alpha completo; o JPEG não, então entradas JPG perdem a transparência.

O favicon.ico ainda é mesmo necessário em 2026?

Sim, mas apenas como fallback. Todo navegador ainda o solicita implicitamente na primeira visita, mesmo com tags <link> modernas no lugar; os atalhos de desktop e a fixação na barra de tarefas do Windows precisam dele; ambientes corporativos ainda rodando o IE11 ou o Edge antigo (sim, eles existem na saúde, na indústria e no governo) precisam dele. Um .ico multitamanho de 4-8 KB na sua raiz é o padrão universal mais seguro, combinado com SVG e PNG via tags <link> para todos os outros.

Algo é enviado a um servidor?

Não. A imagem é decodificada no seu navegador, escalada para cada tamanho solicitado via a API Canvas 2D, e montada em um binário ICO pelo JavaScript. O resultado é baixado direto para o seu dispositivo. Nada sobre a sua imagem (incluindo qualquer design de logo que você ainda esteja iterando) sai da página.

Ferramentas relacionadas