Onde eu coloco os arquivos?

Na raiz do seu site: /public/ no Next.js, /htdocs/ no Apache, /var/www/html/ no Nginx, ou a raiz de qualquer host estático. Os navegadores solicitam /favicon.ico automaticamente.

Por que preciso de tantos tamanhos?

Cada plataforma usa tamanhos diferentes. 16×16 e 32×32 são abas do navegador e favoritos. 180×180 é a tela de início do iOS. 192×192 e 512×512 são a tela de início do Android e as splash screens de PWA. Incluir todos garante um ícone nítido em todos os lugares.

Devo usar um favicon ICO ou PNG?

Ambos. Navegadores modernos preferem SVG ou PNG, navegadores antigos e Windows só leem .ico. A melhor prática é declarar ambos: um .ico multi-tamanho em /favicon.ico e um PNG via .

Minha imagem é enviada para algum servidor?

Não. Tudo acontece na hora. Sua imagem nunca sai do seu dispositivo.

Com que tamanho de imagem devo começar?

Imagens quadradas funcionam melhor. Mínimo 512×512 para ícones grandes nítidos; 1024×1024 ou SVG é o ideal. Imagens não quadradas são centralizadas e preenchidas automaticamente, mas as quadradas preenchem o quadro.

Posso adicionar preenchimento ou uma cor de fundo?

Sim. O controle de preenchimento adiciona 0–25% de espaço ao redor do ícone. O seletor de fundo permite definir qualquer cor sólida, ou manter a transparência (que funciona para PNG e ICO).

Por que meu favicon antigo continua aparecendo?

Os navegadores fazem cache de favicons agressivamente — às vezes por semanas. Force a recarga (Ctrl+Shift+R / Cmd+Shift+R), depois visite a mesma URL em uma janela privada para confirmar. Forçar uma recarga com uma string de consulta como /favicon.ico?v=2 também funciona.

Ad Slot — Header Banner

Gerador de Pacote Completo de Favicon

Gerador de Favicon — Qualquer Imagem para Conjunto Completo

Solte um logo ou imagem e obtenha um pacote completo de favicon: .ico multi-resolução, PNGs para navegador, ícone Apple Touch, ícones Android Chrome e um snippet HTML pronto para colar — tudo gerado na hora. Sem cadastro, sem uploads, sem marcas d'água.

#ICO#PNG#Apple Touch#Android#Manifesto Web#Grátis

Solte uma imagem ou clique para procurar

PNG, JPG, WebP, SVG, HEIC, TIFF · Imagens quadradas funcionam melhor · 512×512+ recomendado

Ad Slot — Below the Fold

Como criar um favicon em 3 passos

Qualquer imagem de entrada, pacote completo de favicon de saída.

Envie sua imagem

Solte um logo ou ícone — PNGs quadrados de 512×512 ou maiores dão os resultados mais nítidos. SVG e HEIC também funcionam.

Escolha uma predefinição e ajuste

Escolha Mínimo, Padrão ou Completo. Ajuste o preenchimento ao redor do ícone, defina uma cor de fundo ou mantenha a transparência.

Baixe o pacote

Clique em Gerar. Pré-visualize como seu favicon fica em abas do navegador, telas de início do iOS e Android. Baixe tudo como ZIP com um snippet HTML pronto para colar e um manifesto web.

Perguntas Frequentes

Um pacote completo: favicon.ico (multi-resolução, até 256×256), PNGs individuais de 16×16 a 512×512, um apple-touch-icon.png (180×180), ícones Android Chrome (192×192 e 512×512), um site.webmanifest, um snippet.html com as tags <link> exatas para colar no seu <head>, e um README explicando a instalação.

Sobre o Gerador de Favicon

Everything you need to know

O que é um favicon?

Um favicon é o pequeno ícone mostrado em abas do navegador, favoritos e telas de início de celulares. Plataformas modernas esperam vários tamanhos e formatos: um .ico multi-resolução para navegadores antigos e tiles do Windows, PNGs para Android e PWA, um Apple Touch Icon para iOS, e opcionalmente um SVG para renderização nítida em qualquer escala. Este gerador produz todos eles a partir de uma única imagem de origem.

Melhores práticas para design de favicon

Comece com uma imagem quadrada de 512×512 ou maior — SVGs são ideais. Mantenha o design simples; os ícones geralmente são exibidos a 16×16 ou 32×32 pixels, então detalhes finos desaparecem. Use alto contraste; teste em temas de navegador claros e escuros. Se seu logo é horizontal, gere uma alternativa quadrada só para o favicon. Adicione 8–15% de preenchimento ao redor do ícone para que ele não toque a borda da aba.

O conjunto completo de favicon para 2025

Para projetos web modernos, gere: favicon.ico (multi-tamanho, 16–48), favicon-16x16.png e favicon-32x32.png (abas do navegador), apple-touch-icon.png a 180×180 (tela de início iOS, sem transparência), android-chrome-192x192.png e android-chrome-512x512.png (tela de início Android e splash PWA), um site.webmanifest ligando os ícones Android, e opcionalmente favicon.svg para renderização vetorial. A predefinição Completo gera todos esses de uma vez.

Privacidade, cache e solução de problemas

Como tudo roda no seu dispositivo, sua imagem de origem nunca sai do seu navegador — ideal para logos privados e marcas não lançadas. Depois que você envia os arquivos gerados, os navegadores os armazenam em cache intensamente; ao atualizar, force a recarga do navegador e verifique em uma janela anônima. Alguns CDNs (Cloudflare, Fastly) fazem cache de favicon.ico separadamente — limpe-os após substituir. Se seu favicon ainda não atualizar, verifique se o arquivo está na raiz do site e retorna 200 OK quando solicitado diretamente.