Converter BMP para ICO

Os dois são formatos da Microsoft e parentes próximos: ICO é de 1985, BMP é de 1987, e um ICO originalmente era um bitmap com um índice na frente. O contêiner existe para guardar várias imagens de tamanhos diferentes, para que o Windows escolha a certa para uma área de trabalho, um menu ou a barra de tarefas.

Essa ancestralidade compartilhada é o motivo de um bitmap ser um ponto de partida tão comum para um ícone, e também explica por que as restrições do formato parecem antiquadas — o campo de tamanho tem um byte de largura, uma decisão de 1985 que esta página esbarra o tempo todo.

O contêiner guarda um conjunto, e um favicon bem-feito é um conjunto — 16, 32 e 48 pixels num arquivo só, para que cada contexto receba uma imagem no seu próprio tamanho em vez de escalar uma grande. É isso que o padrão desta página escreve: três entradas de diretório, três PNGs, do maior para o menor, todas a partir do bitmap que você soltou.

O que nenhum conversor consegue fazer é redesenhar. A entrada de 16 pixels é o seu bitmap reduzido a 16, não uma marca que alguém redesenhou naquele tamanho com os traços ajustados a pixels inteiros — e a 16 pixels uma letra tem quatro ou cinco pixels de altura, então a diferença entre legível e borrado é qual pixel alguém escolheu manter.

Qualquer coisa maior é reduzida antes de ser escrita, e o detalhe além desse ponto é descartado. Esse é o limite do formato, não do conversor: os campos de largura e altura numa entrada de diretório ICO têm um byte cada, e 256 é armazenado como zero porque o valor não cabe no byte.

Então não há vantagem em partir de um bitmap de 4000 pixels. O redimensionamento é feito em duas passagens suavizadas de canvas, o que lida razoavelmente bem com uma redução grande, mas nada recupera o fato de que detalhe fino simplesmente não é visível em tamanho de ícone.

Essa é a decepção mais comum nesta conversão, e acontece antes de o arquivo sequer chegar aqui. A grande maioria dos arquivos BMP tem 24 bits por pixel, e 24 bits por pixel não têm espaço para canal alfa — todo pixel é opaco, incluindo todos que parecem fundo.

Então um logotipo desenhado em branco no Paint vira um ícone de logotipo sobre um quadrado branco, e vai aparecer como um quadrado branco contra uma barra de tarefas escura ou uma aba escura do navegador. Nenhuma conversão conserta isso, porque não há nada no arquivo dizendo qual branco é o fundo e qual é parte do desenho. A transparência precisa ser criada num editor e o arquivo salvo como BMP de 32 bits ou como PNG antes desta etapa.

As variantes de BMP de 32 bits carregam um canal alfa, e o ICO também carrega um, então um bitmap com fundo genuinamente transparente produz um ícone que também é. Nada neste caminho achata a imagem ou pede uma cor de preenchimento.

Bordas suaves também sobrevivem como bordas suaves, o que importa mais em tamanho de ícone do que em qualquer outro contexto. Um ícone de 32 pixels é majoritariamente borda, e a diferença entre um contorno com antialiasing e um duro é a diferença entre algo que parece desenhado e algo que parece uma captura de tela reduzida.

Um cabeçalho de seis bytes, dezesseis bytes de diretório por tamanho, e depois um PNG para cada um. O formato permite um bitmap bruto sem compressão em vez disso — era o que um ICO originalmente continha — mas toda versão do Windows desde o Vista lê um PNG dentro de um ICO, e o arquivo sai numa fração do tamanho.

Vale saber porque isso explica os tamanhos de arquivo. Uma imagem de 256 por 256 a quatro bytes por pixel são cerca de 262 KB como payload bruto, e a mesma imagem como PNG costuma ficar numa faixa pequena de kilobytes, sem perda alguma.

Algo entre 256 e 512 pixels quadrados é a faixa útil para um bitmap de origem. Abaixo do maior tamanho pedido, a imagem é ampliada para preencher — um bitmap de 90 pixels convertido com "só 256 px" é um bitmap de 90 pixels esticado, e vai parecer isso.

Quadrado também importa, embora não pelo motivo antigo. Toda entrada é quadrada, e um bitmap de 1000 por 400 é centralizado nesse quadrado na maior escala que cabe, com transparência preenchendo acima e abaixo — então não é esticado nem cortado. Cortar ou preencher a arte num quadrado antes, num editor, com transparência em vez de branco, é a solução.

Para um site, a raiz do domínio como favicon.ico ainda é buscada por navegadores mesmo se a página não linkar para ela, e um elemento link no cabeçalho aponta para ela explicitamente. Para um aplicativo Windows, o ICO entra nos recursos que o build embute; para um atalho, pode ficar em qualquer lugar que o atalho alcance.

ICO é um formato mantido vivo por uma extensão de nome de arquivo e uma convenção de sistema operacional. Em qualquer outro lugar, PNG é o ícone.

Se o logotipo existe como SVG, essa é a fonte melhor e é uma página diferente. Arte vetorial é renderizada em vez de reamostrada no caminho, então a imagem de 256 pixels da qual cada tamanho é feito tem bordas limpas, com antialiasing feito uma vez só — e essa diferença continua visível depois da redução a 32.

A rota de bitmap é certa quando o vetor não existe — a arte foi desenhada numa ferramenta raster, ou a única cópia é o que um toolchain antigo exportou. É uma situação comum e esta página existe para ela, mas vale trinta segundos procurando o vetor primeiro.

O bitmap é decodificado pelo navegador, escalado num canvas uma vez por tamanho, codificado como PNG a cada vez e empacotado no contêiner ICO, tudo na mesma aba. Não há upload, conta nem cota diária, e o processo inteiro termina mais rápido do que um conversor baseado em servidor levaria para receber o arquivo.

Isso importa mais do que o tamanho do trabalho sugere, porque ícones costumam ser trabalho de marca sob confidencialidade. Um logotipo de um produto ainda não anunciado é exatamente o tipo de arquivo que não deveria ser entregue a terceiros em troca de uma operação de escala que o próprio navegador consegue fazer.