Converter PNG para ICO
Gere um arquivo .ico a partir de PNG, com os tamanhos que o Windows e o navegador usam.
Prévia do arquivo ICO gerado
Um arquivo .ico guarda vários tamanhos. 16 e 32 são os da aba do navegador, 48 é o do Windows e 256 é o do ícone grande.
Tamanho do arquivo
-
Convertendo…
Ver as 64 conversões de imagem. A conversão inteira roda no seu dispositivo. Nenhuma imagem é enviada para servidor nenhum. Precisa do caminho inverso? Converter ICO para PNG .
Um arquivo .ico guarda vários ícones
ICO não é bem um formato de imagem, é um contêiner. Dentro de um único arquivo .ico cabem várias versões da mesma imagem, uma por tamanho, e quem estiver exibindo escolhe a que precisa. O Windows pega a de 48 pixels na lista de arquivos e a de 256 no modo de ícones grandes. O navegador pega a de 16 ou 32 para a aba. É por isso que um bom .ico não tem um tamanho só.
Aqui você escolhe quais tamanhos entram. O padrão marca 16, 32, 48 e 256, que cobre navegador e Windows. Cada um é desenhado a partir do seu PNG original, e não a partir do tamanho anterior, porque reduzir em cadeia acumula borrão e é justamente no ícone pequeno que isso aparece. A transparência do PNG é preservada em todos eles.
Se o seu objetivo é o favicon de um site, vale conhecer a ferramenta irmã aqui do site, a de gerar favicon, que entrega o pacote inteiro: o .ico, os PNG que o Android e o iPhone pedem, o arquivo de manifesto e o bloco de link pronto para colar no HTML. Esta página faz a conversão simples, que é o que resolve quando você precisa apenas do arquivo .ico em si.
Como funciona a conversão
- Solte seus arquivos PNG na área de entrada. Imagem quadrada dá o melhor resultado, porque ícone é quadrado.
- Marque os tamanhos que devem entrar no arquivo. O padrão cobre navegador e Windows.
- Cada tamanho é desenhado a partir da imagem original, centralizado e sem distorcer a proporção.
- Os PNG resultantes são empacotados em um único .ico, com cabeçalho ICONDIR e uma entrada por tamanho.
- Baixe o arquivo pronto, ou o lote em ZIP se você converteu vários.
Para que serve
- Favicon de site O arquivo favicon.ico na raiz do site continua sendo o caminho que todo navegador procura, inclusive os antigos, mesmo quando existem tags de link modernas.
- Ícone de programa no Windows Executável, atalho e instalador pedem .ico com vários tamanhos. Um arquivo com 16, 32, 48 e 256 cobre todas as situações do sistema.
- Atalho personalizado Trocar o ícone de uma pasta ou de um atalho no Windows exige um .ico. Converter um PNG resolve em um passo.
- Aplicativo em desenvolvimento Empacotadores de aplicativo desktop pedem um .ico para a janela e para a barra de tarefas, geralmente com 256 pixels incluído.
Perguntas frequentes
Quais tamanhos eu devo marcar?
Para favicon de site, 16, 32 e 48 bastam, e são o padrão aqui. Para ícone de programa no Windows, inclua também 256, que é o usado no modo de ícones grandes. Marcar todos não atrapalha, só aumenta um pouco o arquivo, que continua pequeno em qualquer combinação.
A transparência do PNG é preservada?
É, com os 256 níveis do original. O ICO guarda cada imagem como um PNG completo por dentro, um recurso suportado desde o Windows Vista, então o canal alfa atravessa intacto. Ícone com fundo transparente funciona sobre qualquer cor de barra ou de tema.
Minha imagem precisa ser quadrada?
Não precisa, mas ajuda. Ícone é quadrado por definição, então uma imagem retangular é encaixada centralizada dentro do quadrado, sem distorção, deixando espaço transparente nas laterais. Se você quer controle total do enquadramento, corte a imagem antes de converter.
Qual a diferença entre esta página e o gerador de favicon?
Esta faz a conversão simples: entra PNG, sai .ico. O gerador de favicon entrega o pacote completo de um site, com o .ico, os PNG de 32, 180, 192 e 512 pixels que Android e iPhone usam, o arquivo de manifesto e o bloco de link pronto para colar no HTML. Se o destino é um site, o gerador poupa trabalho. Se você só precisa do arquivo .ico, esta página é mais direta.
Existe perda de qualidade?
Só a inevitável de redução de tamanho. Cada ícone é desenhado a partir do PNG original com suavização de alta qualidade, e não a partir de uma versão já reduzida, o que evita o acúmulo de borrão. Em 16 pixels, qualquer detalhe fino some, e isso vale para qualquer ferramenta: desenho de ícone bom é desenho simples.
Por que 256 pixels é gravado de forma especial?
Porque o campo de dimensão no cabeçalho do ICO tem um byte só, então 256 não cabe. A especificação convenciona que o valor zero significa 256, e é assim que o arquivo é montado aqui. É a pegadinha clássica de quem implementa o formato, e a razão de alguns geradores entregarem ícones de 256 quebrados.
Os arquivos são enviados para algum servidor?
Não. O redimensionamento e a montagem do .ico acontecem dentro do navegador, no seu aparelho, sem envio nenhum.
Ferramentas relacionadas
Fontes
Os limites e formatos aplicados por esta ferramenta vêm das especificações oficiais abaixo, não de terceiros:
- Formato de recurso de ícone (Microsoft) Documentação da Microsoft sobre a estrutura do ICO: o cabeçalho ICONDIR, as entradas por imagem e a convenção do zero para 256 pixels.
- Especificação PNG (W3C) Especificação do formato de origem e também do que é gravado dentro do .ico, já que cada ícone é um PNG completo.
- Guia de tipos e formatos de imagem (MDN Web Docs) Referência sobre o uso de ICO como favicon e sobre o suporte dos navegadores ao formato.
- OffscreenCanvas (MDN Web Docs) A API usada para redesenhar a imagem em cada tamanho fora da thread principal, o que mantém a página respondendo.
Termos relacionados
Esta página responde a quem procura por: