O que este gerador escreve
Um arquivo .ico de verdade, com estrutura ICONDIR: um diretório no começo e, depois dele, uma imagem PNG completa por resolução escolhida. Não é um PNG renomeado. O navegador lê o diretório, descobre quais tamanhos existem e pede o que precisa — que é o motivo de o formato ainda existir depois de trinta anos.
Os tamanhos disponíveis são 16, 32, 48, 64, 128 e 256 pixels, e vêm marcados os quatro que um site de fato usa: 16 e 32 para a aba, 48 para o atalho do Windows e 256 para o ícone grande. Desmarcar os outros deixa o arquivo menor sem tirar nada que alguém vá pedir.
Como gerar
A imagem de origem pode ser PNG, JPEG ou WebP. O ideal é um PNG quadrado com fundo transparente, porque é o único caso em que nada precisa ser inventado nem descartado.
- Solte a imagem na área de upload, ou traga o resultado de outra ferramenta pela cadeia.
- Marque as resoluções que devem entrar no arquivo. Pelo menos uma é obrigatória.
- Gere o .ico e baixe. O botão volta a aparecer sempre que você mudar a seleção de tamanhos, e some quando o arquivo na tela já é exatamente o que a seleção pede.
- No seu HTML, aponte <link rel="icon" href="/favicon.ico"> para ele — ou simplesmente coloque o arquivo na raiz do site com esse nome.
Retângulo entra, retângulo continua
Um ícone é quadrado por definição, e a maioria dos logotipos não é. Aqui a imagem é encaixada por proporção: ela é reduzida até caber inteira no quadrado e o que sobra fica transparente. A alternativa — esticar até preencher — foi rejeitada porque produz um resultado que ninguém aceita: uma foto 1600x900 espremida num 256x256 fica visivelmente achatada, e no tamanho de 16 pixels isso vira uma mancha.
Quando a imagem não é quadrada, a página avisa antes de gerar. Se o que você quer é o logotipo preenchendo o quadrado inteiro, o caminho é cortar antes — e a ferramenta de cortar entrega o recorte direto aqui, sem baixar e subir de novo.
Transparência e cor
Cada entrada do arquivo é gravada como PNG de 32 bits, então o canal alfa do original passa inteiro: um logotipo com fundo transparente continua transparente sobre a barra de abas, seja ela clara ou escura. É a razão de o PNG ser o formato certo para trazer aqui.
Um JPEG não tem transparência para preservar. O fundo dele — branco, quase sempre — vira parte do ícone, e aparece como um quadrado sólido em volta do desenho. Se a sua arte está em JPEG e você precisa do fundo fora, passe pela remoção de fundo antes: ela devolve um PNG com alfa de verdade, e esse PNG chega aqui pela cadeia.
Por que continua sendo .ico
Um <link rel="icon"> apontando para PNG funciona em todo navegador atual, e para muitos sites isso basta. O .ico ganha em dois pontos concretos: é o que o navegador procura sozinho em /favicon.ico quando o HTML não declara nada — inclusive ao abrir uma página sua que veio de um cache antigo — e é o único formato que responde a todos os contextos com um arquivo só, porque carrega várias resoluções dentro de si.
Também é o que o Windows espera ao criar um atalho da página, e o que ferramentas de leitura de feed e agregadores mais antigos sabem ler. Nada disso é decisivo isoladamente; junto, é o motivo de o .ico continuar sendo o padrão que não dá trabalho.
Onde ele para
O .ico é o fim da cadeia: nenhuma ferramenta daqui abre um de volta, e por isso a página não oferece um próximo passo depois de gerar. O caminho útil é o contrário — chegar aqui vindo de outra ferramenta. Remover fundo, cortar num quadrado e então gerar o ícone é a sequência inteira, e nenhum dos três passos manda o arquivo para lugar nenhum.
Todo o trabalho acontece no seu navegador: a imagem é decodificada, redesenhada em cada tamanho e codificada em PNG na sua máquina, e o arquivo que você baixa foi montado ali. Nada é enviado, e o medidor no topo da página mostra isso enquanto você trabalha.