Quais tamanhos são gerados?

16×16, 32×32, 48×48 (reunidos no favicon.ico), 180×180 (Apple Touch Icon), 192×192 e 512×512 (ícones PWA).

A transparência é preservada?

Sim. O canal alfa do PNG é preservado em todos os arquivos de saída, inclusive no formato ICO.

Qual é a diferença entre favicon.ico e ícones PNG?

O favicon.ico reúne vários tamanhos em um único arquivo para dar suporte a navegadores antigos, enquanto os ícones PNG são usados por navegadores modernos e PWAs. Oferecer os dois garante a máxima compatibilidade.

O que torna uma boa imagem de origem?

Um PNG quadrado de fundo transparente com 512×512 pixels ou mais dá os melhores resultados ao ser reduzido para tamanhos de ícone menores.

Como adiciono o favicon ao meu site?

Adicione <link rel="icon" href="/favicon.ico"> e <link rel="apple-touch-icon" href="/apple-touch-icon.png"> ao <head> do seu HTML.

ImageStream

FLEXEAM · MEMETALKMais que palavras. Mais a sua cara.Sem explicar. É só entrar e curtir.Explorar sem cadastro →AD

Gerador de favicon

Converte PNG em favicon.ico e pacote multi-tamanho

O favicon é o pequeno ícone exibido nas abas do navegador, nos favoritos e na tela inicial do celular. Envie um PNG e gere na hora um pacote completo de ícones em vários tamanhos, compatível com todos os navegadores e dispositivos.

Como gerar um favicon

1Envie uma imagem PNG (fundo transparente recomendado)
2Selecione os tamanhos de ícone de que você precisa
3Baixe o pacote ZIP e adicione ao seu site

Dicas e casos de uso de favicon

Site — compatibilidade entre navegadores

Para exibir corretamente no Chrome, Safari, Firefox e Edge, forneça tanto o favicon.ico quanto os arquivos PNG. Envie todos os arquivos do ZIP gerado para a raiz do seu site e adicione as tags link correspondentes ao head do HTML.

PWA / tela inicial do celular

Para Progressive Web Apps e atalhos na tela inicial, você precisa de PNGs de 192×192 e 512×512. Registre os dois tamanhos no array icons do seu manifest.json para exibir ícones em alta resolução no Android e no iOS.

Identidade de marca — logotipo como ícone

Corte apenas o símbolo ou a marca do seu logotipo em um PNG quadrado antes de converter em favicon. Mantenha o design simples — ele deve ser reconhecível mesmo em 16×16 pixels.