Formato ICO — ícones do Windows e favicons
ICO: vários tamanhos num só arquivo, tamanhos recomendados pelo Windows (16, 32, 48, 256 px), ícones PNG, favicons e cuidados ao criar a partir de PNG.
O ICO é o formato que o Windows usa para guardar ícones de programas, arquivos e atalhos. O tipo de mídia oficial registrado na IANA é image/vnd.microsoft.icon, mas na prática image/x-icon é mais usado (MDN). A maior diferença em relação aos formatos de imagem comuns é que um único arquivo guarda imagens de vários tamanhos. O Windows escolhe e exibe o tamanho mais adequado a cada situação, como a barra de tarefas, a lista do Explorador ou o modo de ícones grandes.
Estrutura
Um arquivo ICO começa com um cabeçalho curto e uma "lista de imagens (diretório)". Cada item da lista traz largura, altura, número de cores e posição dos dados, e depois vêm as imagens propriamente ditas. Cada imagem é salva de uma destas duas formas:
- Formato BMP (DIB): o método tradicional. Guarda os dados de cor junto com uma máscara AND de 1 bit (transparente ou não); imagens de 32 bits representam transparência suave pelo canal alfa. Entram sem o cabeçalho de arquivo (
BM). - Formato PNG: suportado desde o Windows Vista. Permite guardar ícones grandes em pouco espaço.
Olhando o cabeçalho
Os primeiros 6 bytes de um arquivo ICO são um valor reservado (0), o tipo (1 = ícone, 2 = cursor) e o número de imagens contidas. Em seguida vem uma entrada de 16 bytes para cada imagem, com largura, altura, número de cores, tamanho e posição dos dados. Os campos de largura e altura têm 1 byte e só vão até 255, por isso existe a regra de registrar 256 pixels como 0. Arquivos de cursor (.cur), que usam a mesma estrutura, guardam nos campos de planos de cor e bits por pixel as coordenadas do ponto de clique (hotspot).
Tamanhos recomendados pelo Windows
As diretrizes de design de ícones da Microsoft recomendam incluir nos ícones de aplicativos todos os tamanhos 16×16, 32×32, 48×48 e 256×256. O ícone de 256×256 foi adicionado no Vista, e é comum salvar esse tamanho grande com compressão PNG. Nos tamanhos pequenos, em vez de simplesmente reduzir a imagem grande, fica mais nítido ajustar cada um à parte, com traços mais grossos e menos detalhes.
O Windows escolhe dentro do arquivo o tamanho mais próximo conforme a escala da tela (configuração de DPI) e o modo de exibição do Explorador, e gera os tamanhos que faltam ampliando ou reduzindo. Por isso, incluir todos os tamanhos mais usados garante que o ícone não fique borrado em nenhuma tela. Como muitos lugares, como o favicon na aba do navegador, exibem em 16×16, o menor tamanho é especialmente importante.
Favicons e ICO
Por muito tempo, os favicons de sites foram servidos como /favicon.ico na raiz do site, e todos os principais navegadores suportam isso. Hoje se recomenda definir favicons PNG ou SVG com <link rel="icon"> (MDN), mas alguns programas pedem /favicon.ico diretamente, sem a tag link, então muitos sites mantêm também um ICO.
A Central da Pesquisa Google exige que o favicon exibido nos resultados de pesquisa seja quadrado (1:1) e tenha no mínimo 8×8 pixels, e recomenda um tamanho maior que 48×48 pixels para que fique bom em várias telas. Entre os formatos suportados, cita ICO, PNG, GIF, JPEG, BMP e outros.
Cuidados ao converter
- Use um original quadrado. Imagens retangulares ficam esticadas ou ganham margens. Se necessário, recorte antes em 1:1 com Cortar.
- Usando um PNG com fundo transparente como original, os cantos do ícone ficam naturais. Um original JPG mantém o fundo branco quadrado.
- Em tamanhos minúsculos como 16×16, texto fica ilegível; é melhor manter só a forma principal do logo.
- Convertendo PNG para ICO, você reúne vários tamanhos em um só arquivo.
- O Explorador do Windows guarda os ícones em cache; se você trocou o ícone e ainda vê o antigo, espere o cache atualizar ou renomeie o arquivo para conferir.
Experimente agora