Gerador de favicon
Gere o pacote completo de favicon a partir do seu logo: favicon.ico de verdade, PNGs em todos os tamanhos e o manifest prontos pra colar no seu site.
Como funciona
Solte o seu logo, de preferência já quadrado. Se a imagem não for quadrada, a ferramenta recorta o centro automaticamente pra virar um quadrado, que é o formato que todo favicon precisa ter. Antes de gerar qualquer coisa, você já vê como o ícone fica numa aba de navegador clara e numa escura, lado a lado, pra conferir se o recorte pegou a parte certa da imagem.
Ao clicar em gerar, a ferramenta cria os seis tamanhos que um site moderno usa: 16 e 32 pixels pra aba do navegador, 48 pixels pra atalhos e barra de tarefas do Windows, 180 pixels pro ícone que aparece quando alguém adiciona o site à tela inicial de um iPhone (o apple-touch-icon) e 192 e 512 pixels pros ícones maiores usados em Android e em telas de instalação de aplicativo. Junto, ela monta um favicon.ico de verdade, com os tamanhos 16, 32 e 48 embutidos no mesmo arquivo, do jeito que navegadores mais antigos ainda esperam.
Tudo isso sai num único arquivo .zip, junto com um site.webmanifest já preenchido com os ícones certos (só falta você completar o nome do site) e um snippet HTML com as tags prontas pra colar dentro do <head> da sua página. É só descompactar, subir os arquivos pra raiz do seu site e colar o snippet: não precisa editar nome de arquivo nem adivinhar qual tamanho vai em qual lugar.
Todo o processamento acontece no seu navegador, incluindo o recorte, o redimensionamento e a montagem do .ico e do .zip. Nenhuma imagem sai do seu aparelho em nenhum momento. Não tem login, não tem limite de uso e o pacote pode ser gerado quantas vezes você quiser, com logos diferentes.
Perguntas frequentes
Quais tamanhos eu preciso?
O ideal é usar o pacote inteiro, porque cada tamanho serve um lugar diferente. 16 e 32 pixels aparecem na aba do navegador e na barra de endereço. 48 pixels é usado em atalhos e na barra de tarefas do Windows. 180 pixels é o ícone que aparece quando alguém salva o site na tela inicial de um iPhone. 192 e 512 pixels são os tamanhos maiores usados em Android e em telas de instalação de aplicativo (PWA). Por isso a ferramenta gera todos de uma vez, já no tamanho e formato certos.
E o ícone da Apple (apple-touch)?
Ele vem incluído no pacote como apple-touch-icon.png, no tamanho 180x180 pixels. É o ícone que aparece quando alguém usa um iPhone ou iPad pra adicionar o seu site à tela inicial, como se fosse um aplicativo. O snippet HTML que a ferramenta gera já inclui a tag certa pra apontar pra esse arquivo, então basta subir o arquivo pra raiz do site e colar o snippet no <head>.
Funciona com SVG?
Ainda não. Por enquanto a ferramenta aceita logo em JPG, PNG ou WebP como entrada. Se o seu logo estiver em SVG, exporte ou converta ele pra PNG antes (num editor de imagem ou vetor) e use esse arquivo aqui. Aceitar SVG direto é algo que pode entrar numa versão futura da ferramenta.