SEO
Favicon Generator
Envie uma imagem e obtenha um conjunto completo de favicons (16–512px, .ico, manifesto web) junto com o código HTML pronto para o <head>.
O arquivo inclui todos os PNGs, favicon.ico e site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Artigo sobre esta ferramenta: Favicon: por que um único ícone precisa de tantos tamanhos e formatos
Perguntas frequentes
Por que preciso de tantos tamanhos diferentes de favicon?
Plataformas diferentes solicitam tamanhos diferentes — abas de navegador normalmente usam 16x16 ou 32x32, ícones da tela inicial do iOS precisam de 180x180, e o Android usa vários tamanhos até 512x512 — gerar o conjunto completo garante que seu ícone fique nítido em todos os lugares.
Qual a diferença entre favicons .ico e .png?
O formato .ico pode agrupar múltiplas resoluções em um arquivo e tem o suporte mais amplo em navegadores legados, enquanto navegadores modernos também aceitam arquivos .png simples referenciados diretamente em tags link — a maioria dos sites hoje usa ambos para compatibilidade.
Minha imagem enviada é transmitida a um servidor para gerar os favicons?
Não. Todo o redimensionamento e conversão de formato acontecem inteiramente no seu navegador — a imagem nunca é enviada a lugar nenhum.
Um SVG pode ser usado como favicon?
Sim — navegadores modernos baseados em Chromium e o Firefox suportam <link rel="icon" type="image/svg+xml">, e esse favicon permanece nítido em qualquer densidade de tela e pode até responder ao modo escuro via prefers-color-scheme dentro do próprio arquivo.
O que é um ícone maskable para Android?
É um ícone com uma margem de segurança ao redor da arte principal que o Android pode recortar em qualquer formato (círculo, quadrado com cantos arredondados, etc.) de acordo com o tema do dispositivo, sem cortar conteúdo importante do ícone.