LÂMINA · IMAGEM
Gerar favicon a partir de uma imagem
Solta o logo ou qualquer imagem e leva o kit completo: favicon.ico de verdade (16, 32 e 48 px por dentro), PNGs até 512 px e o código pronto pra colar no <head> do site.
melhor resultado: imagem quadrada, com 512 px ou mais.
Processado no seu navegador — seus arquivos não saem do seu computador.
Como funciona
-
Solta a imagem aqui
Arraste um .png, .jpg ou .webp de até 20 MB, ou clique pra escolher. Melhor resultado com imagem quadrada de 512 px ou mais; se não for quadrada, a lâmina corta o centro e avisa.
-
Espere os tamanhos saírem
A ferramenta gera sozinha o favicon.ico (16, 32 e 48 px embutidos), os PNGs de 16 a 512 px e um instrucoes.txt com o código do <head> — tudo no seu navegador.
-
Baixe o favicon.zip
Copie os arquivos do .zip pra pasta raiz do site e cole as linhas do instrucoes.txt no <head>. Pronto: ícone na aba, nos favoritos e na tela do celular.
Perguntas frequentes
O que vem dentro do favicon.zip?
favicon.ico (com 16, 32 e 48 px embutidos), favicon-16.png, favicon-32.png, apple-touch-icon-180.png, icon-192.png, icon-512.png e um instrucoes.txt com o código pronto pro <head> e pro manifest de PWA.
Que imagem dá o melhor favicon?
Quadrada, simples e com 512 px ou mais. Logo cheio de detalhe vira borrão em 16 px — prefira um símbolo, uma letra ou uma forma forte com bom contraste.
E se a minha imagem não for quadrada?
A lâmina corta o centro pra fechar o quadrado e avisa que cortou. Se quiser outro enquadramento, ajusta antes numa ferramenta de corte e volta aqui.
Como instalo o favicon no meu site?
Copie os arquivos do .zip pra pasta pública (raiz) do site e cole as linhas do instrucoes.txt dentro do <head> das páginas. O mesmo código aparece na tela, junto do resultado.
Serve pra PWA e pra tela inicial do celular?
Serve. O apple-touch-icon-180.png cobre o iPhone e o iPad; o icon-192.png e o icon-512.png entram no manifest do PWA — o instrucoes.txt mostra exatamente onde apontar cada um.
Minha imagem é enviada pra algum servidor?
Não. Os tamanhos são gerados dentro do seu navegador, no seu aparelho. Pode até desligar o Wi-Fi depois que a página carregar.