Solte uma imagem para criar um favicon
Arraste e solte, cole ou escolha um arquivo
PNG · JPG · WebP · SVG — ícones criados no seu dispositivo
Gerador de Favicon
Transforme uma imagem em um conjunto de favicon completo — favicon.ico, todos os tamanhos PNG, apple-touch-icon, ícones Android, um manifesto web e o snippet HTML — em um único zip, diretamente no seu navegador.
Perguntas frequentes
O que é um favicon e qual tamanho ele deve ter?
Um favicon é o pequeno ícone que o navegador exibe na aba, nos favoritos e no histórico. Não existe um único tamanho — sites modernos incluem vários: um favicon.ico com 16, 32 e 48 px, ícones PNG de até 512 px, um apple-touch-icon de 180 px para iOS e ícones de 192/512 px para Android e PWAs. Este gerador cria todos de uma vez.
Como criar um favicon.ico a partir de um PNG?
Arraste seu PNG (ou JPG, WebP ou SVG) para a ferramenta. Ela redimensiona sua imagem para 16, 32 e 48 px e as empacota em um único favicon.ico, junto com ícones PNG individuais. Baixe o zip e copie o favicon.ico para a raiz do seu site.
Onde minha imagem é processada?
Tudo acontece no seu navegador, então os ícones são criados no seu próprio dispositivo. Como qualquer dado associado à ferramenta é tratado está descrito em nossa política de privacidade.
Quais arquivos eu recebo e onde eles ficam?
O zip contém favicon.ico, favicons PNG (16–512 px), apple-touch-icon.png, PNGs android-chrome-192/512, um site.webmanifest e um snippet HTML pronto para colar. Copie os arquivos para a raiz do seu site e cole o snippet no <head> da sua página.
Minha imagem fonte precisa ser quadrada?
Quadrada funciona melhor porque ícones são quadrados. Se sua imagem não for quadrada, ela é centralizada e enquadrada em um frame quadrado; você também pode adicionar cor de fundo e padding para que arte não quadrada fique limpa dentro do ícone.
O favicon deve ter fundo transparente ou sólido?
Transparente (PNG) fica melhor na maioria dos navegadores e se adapta a abas claras e escuras. Use fundo sólido se seu logo tem traços finos que desaparecem em certos temas, ou se quiser um visual de ícone de app com cantos arredondados.
Posso gerar também ícones de app para iOS e Android?
Sim. Mude para o modo Ícones de app para exportar o conjunto completo iOS (40–1024 px para Xcode e a App Store) e as densidades mipmap do Android mais o ícone de 512 px da Play Store, organizados em pastas dentro do zip.
Como adiciono o favicon ao meu site?
Faça upload dos arquivos para a raiz do seu site e cole as tags <link> fornecidas no <head> de cada página (ou no seu layout compartilhado). A linha do favicon.ico cobre navegadores mais antigos; as linhas PNG e apple-touch-icon cobrem navegadores modernos e iOS; a linha do manifesto cobre Android e PWAs instaláveis.
Por que meu novo favicon não está aparecendo?
Navegadores armazenam favicons em cache de forma agressiva. Faça uma atualização forçada, abra o arquivo diretamente (seusite.com/favicon.ico) ou tente uma janela privada. Pode demorar um pouco para abas e favoritos atualizarem mesmo após o arquivo estar ativo.
O gerador de favicon é realmente grátis?
Sim — completamente grátis, sem marca d'água e sem cadastro. Gere quantos conjuntos de favicon e ícones de app quiser.
Todas as ferramentas de favicon e ícones
Vá diretamente para a tarefa de ícone exata que você precisa.
Mais ferramentas de imagem
Convert image format
PNG, JPG and WebP — convert any to any.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCrop an image
Crop to any ratio or an exact pixel size.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.