O Gerador de favicon transforma um logo no conjunto completo de ícones que um site precisa: favicon-16x16.png, favicon-32x32.png e favicon-48x48.png (aba do navegador e atalho da área de trabalho), apple-touch-icon.png 180×180 (tela de início do iOS), android-chrome-192x192.png e android-chrome-512x512.png (Android e PWA); depois junta os três PNGs de 16 / 32 / 48 em um favicon.ico com vários tamanhos e ainda fornece um modelo de site.webmanifest e o código <link> pronto para colar no <head>. O redimensionamento usa o pica, com reamostragem de alta qualidade. O processamento acontece localmente no navegador.

Ele cuida só de tamanhos e do pacote, não de design: para ser um bom favicon, o logo precisa continuar reconhecível a 16 px.

1. 01Envie o logoum único PNG / JPG / WebP / SVG, de preferência quadrado e com 512×512 ou mais; imagem não quadrada mostra o aviso “Será cortada ao centro automaticamente”.
2. 02Gere o conjunto completoao clicar no botão, o logo é cortado ao centro em formato quadrado e depois reduzido nos seis tamanhos; se o lado menor do original tiver menos de 512 px, aparece um alerta de que o ícone de 512 é uma ampliação.
3. 03Veja os resultados“Arquivos gerados” lista nome, finalidade e tamanho de cada arquivo, com download individual; “Baixar em zip” gera o favicon.zip com os 7 arquivos de imagem mais o site.webmanifest.
4. 04Coloque no sitecopie em “Código de integração” as referências HTML (<link rel=icon>, apple-touch-icon, manifest) e cole no <head>, coloque os arquivos descompactados na raiz do site e ajuste nome e cor do tema no manifest conforme quiser.

Entrada aceita

PNG / JPG / JPEG / WebP / SVG, uma por vez; o SVG é rasterizado antes de redimensionar e não mantém o vetor

Conjunto de tamanhos

seis tamanhos fixos de PNG, e o ICO sempre com 16 / 32 / 48; não dá para personalizar nem adicionar ou remover

Pacote ICO

internamente guarda dados PNG (suportado por navegadores modernos e Windows Vista ou superior), não o antigo formato BMP

Corte

imagem não quadrada é sempre cortada ao centro em quadrado, sem escolher a área nem preencher com margem

O que não faz

não desenha ícones, não adiciona cantos arredondados nem cor de fundo (para isso use antes “Avatar arredondado”) e não gera o browserconfig.xml de tiles do Windows nem o SVG de aba fixada do Safari

O corte, o redimensionamento e a montagem do ICO acontecem localmente no navegador, e o logo não é enviado a servidor algum.