PNG para ICO
PNG para ICO transforma uma imagem num arquivo de ícone do Windows com vários tamanhos, para que cada aba, barra de tarefas e área de trabalho receba uma versão nítida. O arquivo é um .ico multi-tamanho de verdade — 16, 32, 48 e 256 pixels num só documento — e não um bitmap escalado, e é construído no seu navegador; nada é enviado.
Solte um PNG quadrado ou clique para escolher
ou em qualquer lugar da página · Escolher um arquivo · 100 MB
Aceitos: PNG, JPG, JPEG, WebP, AVIF, HEIC
Como funciona o PNG para ICO?
Um .ico não é um formato de imagem. É um diretório: um cabeçalho, uma entrada de 16 bytes por imagem e depois as imagens em si. O sistema operacional lê o diretório e escolhe a entrada que corresponde ao tamanho de que precisa — 16 pixels para uma aba de navegador, 32 para uma barra de tarefas, 48 para a exibição média do Explorer, 256 numa área de trabalho de alta densidade.
Por que um único tamanho é a resposta errada
Quase toda ferramenta de “converter para ICO” produz uma única imagem 32×32 ou 256×256. Um ícone só de 32 pixels exibido a 256 é um desenho de 32 pixels ampliado oito vezes — exatamente o favicon borrado que todo mundo nota e ninguém consegue explicar. Um ícone só de 256 pixels exibido a 16 é pior: o navegador o reduz com o filtro que tiver, e os traços finos desaparecem no cinza.
Cada entrada aqui é desenhada a partir dos seus pixels originais no próprio tamanho de saída, em vez de ser reamostrada a partir de uma redução maior. Isso importa a 16 pixels, onde um traço de um pixel é a diferença entre uma marca legível e um borrão.
PNG entries, e o único lugar em que não basta
O formato originalmente guardava bitmaps independentes de dispositivo. Desde o Windows Vista, uma entrada pode ser um arquivo PNG completo, que é o que se grava aqui — menor, preserva a transparência e não precisa de codificador bitmap. Windows 10 e 11, todos os navegadores e as ferramentas nativas do macOS leem esse formato.
A exceção merece ser dita: um shell do Windows muito antigo ou um instalador legado pode esperar uma entrada bitmap para os tamanhos pequenos. Se o seu ícone vai para algo construído antes do Vista, essa é uma limitação real, e não teórica.
O que faz uma boa imagem de origem
Quadrada, de pelo menos 256×256, e transparente em vez de fundo branco, se vai pousar numa faixa de abas colorida. Uma marca de silhueta sólida lê-se a 16 pixels; traços finos, gradientes e texto pequeno não, e nenhuma quantidade de resolução conserta isso — por isso o preview de 16 pixels acima é o primeiro a olhar.
Origem
logo.png — 1024×1024, transparent
favicon.ico
16×16 PNG entry 1.1 KB
32×32 PNG entry 2.4 KB
48×48 PNG entry 4.0 KB
256×256 PNG entry 18.2 KB
——————
25.7 KB in one fileQuais opções e casos-limite o PNG para ICO suporta?
| Parâmetro | Tipo | Padrão | Comportamento e casos-limite |
|---|---|---|---|
| 16 × 16 | tamanho | ativado | Abas do navegador e a barra de favoritos. O tamanho mais difícil de acertar e o mais visto, então confira este preview antes de qualquer outro. |
| 24 × 24 | tamanho | desativado | Barra de tarefas do Windows em escala de 100%. Desativado por padrão porque a entrada de 32 pixels cobre quase o mesmo terreno e cada entrada custa espaço no arquivo. |
| 32 × 32 | tamanho | ativado | Atalhos da barra de tarefas do Windows e o Finder do macOS. O tamanho que a maioria dos conversores de tamanho único produz, e a razão de um ícone de tamanho único parecer aceitável — até deixar de parecer. |
| 48 × 48 | tamanho | ativado | A exibição de ícones médios do Windows Explorer, e o tamanho que o atalho da área de trabalho usa numa tela padrão. |
| 64 × 64 | tamanho | desativado | Ícones grandes do Windows e algumas docks do Linux. Barato de incluir e raramente necessário. |
| 128 × 128 | tamanho | desativado | A Dock do macOS, e listas de atalhos high-DPI no Windows. |
| 256 × 256 | tamanho | ativado | Ícones extra grandes do Windows e a miniatura que um instalador mostra. O formato guarda esse tamanho como entrada PNG por convenção, que é o que ele recebe aqui. |
| Formato das entradas | PNG | sempre | PNG dentro de ICO, suportado desde o Windows Vista e lido por todos os navegadores e pelo macOS. Um shell anterior ao Vista pode esperar uma entrada bitmap para os tamanhos pequenos. |
| Transparência | preservada | sim | O canal alfa sobrevive em todos os tamanhos, então o ícone pousa numa faixa de abas colorida sem uma caixa branca por trás. |
| Teto da origem | bytes | 100 MB | Tudo roda na aba, então um arquivo maior é recusado em vez de tentado. Uma origem quadrada de 256 pixels ou mais é tudo de que a ferramenta precisa. |
Perguntas frequentes
Por que meu favicon fica borrado na aba do navegador?
Porque o arquivo tem um único tamanho e a aba quer 16 pixels. Um ícone só de 32 pixels exibido a 16 é reduzido pelo navegador e perde o detalhe; um só de 256 pixels é pior, porque a redução do navegador elimina os traços finos. Um .ico multi-tamanho deixa o navegador escolher a entrada desenhada no tamanho de que realmente precisa — esse é todo o propósito do formato.
Quais tamanhos devo incluir?
16, 32, 48 e 256 cobrem tudo na prática, e é o que esta ferramenta seleciona por padrão. Adicionar 24, 64 e 128 ajuda em fatores de escala específicos e custa alguns kilobytes cada. A entrada de 256 pixels é a que vale manter mesmo se você estiver tentado a descartá-la: o Windows a usa para ícones extra grandes e instaladores, e a ausência dela é a razão de alguns atalhos mostrarem um ícone genérico.
O .ico funciona nos navegadores, ou só no Windows?
Nos dois. Todo navegador lê .ico como favicon, e são as entradas PNG dentro dele que são renderizadas. O macOS também lê — `sips` e Finder o tratam sem problema. O único ambiente que já teve dificuldade com PNG dentro de ICO é um shell do Windows anterior ao Vista, e é por isso que a tabela de referência diz isso em vez de alegar suporte universal.
Devo também entregar um favicon PNG e um web manifest?
Sim, e por motivos diferentes. Um favicon PNG em 180×180 é o que o iOS usa quando alguém adiciona o site à tela de início, e um web manifest com PNGs de 192 e 512 pixels é o que o Android usa. O .ico cobre navegadores de desktop e Windows; os outros cobrem o mobile. São complementos, não alternativas.
Minha origem não é quadrada. O que acontece?
Ela é recortada ao centro para virar um quadrado, porque toda entrada num ICO é quadrada por definição — há um campo width e um campo height por entrada, e eles são escritos como o mesmo número. Recorte deliberadamente antes com o cropper de imagens se a parte interessante não estiver no meio.
Minha imagem é enviada?
Não. A decodificação, o redimensionamento e a montagem do ícone acontecem nesta aba — o painel Network não mostra nada quando você solta um arquivo. Isso importa aqui mais do que parece: a imagem que as pessoas transformam em favicon costuma ser um logo ainda não lançado.