Gerador de Favicon

Sobre o Gerador de Favicon

Um favicon é um pequeno ícone que representa seu site em abas do navegador, favoritos e telas iniciais de dispositivos móveis. Esta ferramenta gera todos os tamanhos e formatos de favicon necessários a partir de uma única imagem, garantindo que seu site pareça profissional em todos os dispositivos e plataformas.

O que é um favicon?

Um favicon (ícone favorito) é um pequeno ícone de 16x16 ou 32x32 pixels que aparece em abas do navegador, favoritos e barras de endereço. Ajuda os usuários a identificar seu site rapidamente e faz com que seu site pareça mais profissional.

Quais arquivos esta ferramenta gera?

Esta ferramenta gera todos os arquivos essenciais de favicon:
• favicon.ico - um ICO multi-resolução real contendo 16x16, 32x32 e 48x48
• favicon-16x16.png e favicon-32x32.png - Versões PNG
• apple-touch-icon.png - 180x180 para dispositivos iOS
• android-chrome-192x192.png e android-chrome-512x512.png - Para dispositivos Android
• site.webmanifest - Arquivo manifest de web app para PWA, com seu nome e cores

O favicon.ico é um ICO real ou apenas um PNG renomeado?

É um contêiner ICO genuíno e válido segundo o padrão, que empacota três resoluções (16x16, 32x32 e 48x48) em um único arquivo. Muitas ferramentas gratuitas apenas renomeiam um PNG para .ico, o que validadores rigorosos, navegadores antigos (Internet Explorer, Edge antigo) e alguns uploaders de CMS rejeitam. Como o formato ICO aceita cargas PNG embutidas desde o Windows Vista, nosso arquivo é aceito em qualquer lugar onde um .ico real é esperado, incluindo ferramentas de build e plugins do webpack/Vite.

Vocês suportam ícones maskable e ícones adaptativos do Android?

Sim. O ícone 512x512 no site.webmanifest é declarado com purpose 'any maskable', então o Android pode recortá-lo em formas adaptativas (círculo, squircle, quadrado arredondado) sem cortar seu logo. Mantenha o conteúdo importante dentro da zona segura central (cerca de 80% da tela). Você também pode definir o Nome do App, Nome Curto, cor do tema e cor de fundo diretamente na ferramenta antes de gerar, deixando o manifest pronto para uso sem edição manual.

Que imagem devo usar?

Use uma imagem quadrada com pelo menos 512x512 pixels para melhores resultados. Seu logo, ícone de marca ou qualquer imagem representativa funciona bem. PNG com fundo transparente é recomendado para melhor qualidade em todos os tamanhos.