Gerador de favicon
Gere um conjunto completo de ícones para o seu site a partir de um PNG ou SVG: favicon.ico, PNGs de 16 a 512 px, Apple Touch Icon, um manifest e o trecho de HTML.
ou solte as imagens aqui
Até 30 MBSuas imagens são processadas no seu navegador e nunca são enviadas- 1Escolha
Escolha uma imagem quadrada (o ideal é 512 px ou mais, ou um SVG).
- 2Ajuste
Escolha o raio dos cantos e o fundo.
- 3Baixe
Baixe o zip e cole no head do seu site o trecho de HTML que vem dentro dele.
Como usar Gerador de favicon
O que sai dele
Um zip com favicon.ico (16, 32 e 48 px num arquivo só), PNGs de 16, 32, 48, 180, 192 e 512 px, apple-touch-icon.png para a tela de início do iOS, icon-192 e icon-512 para aplicativos web instaláveis, site.webmanifest com o nome que você digitou e head-snippet.html com as tags para colar.
Comece pela imagem de origem certa
Um PNG quadrado de pelo menos 512 px, ou um SVG, dá o resultado mais limpo. Lembre que o ícone é visto a 16 px na aba do navegador: um logotipo completo com texto vira um borrão nesse tamanho, então recorte até o símbolo ou use uma única letra. O arredondamento dos cantos e o fundo valem para todos os tamanhos de uma vez.
Colocando no seu site
Copie os arquivos do zip para a pasta raiz do site e cole o conteúdo de head-snippet.html dentro do seu <head>. Navegadores guardam favicons por muito tempo, então confira o resultado numa janela anônima ou com uma recarga forçada.
Perguntas frequentes
Minhas fotos são enviadas para um servidor?
Não. Tudo acontece dentro do seu navegador, então suas fotos nunca saem do seu dispositivo. Feche a aba e não sobra nada.
De quais tamanhos eu preciso?
Um site moderno só precisa do favicon.ico, de um PNG de 32 px, de um Apple Touch Icon de 180 px e dos ícones de 192 / 512 px do manifest. A ferramenta gera todos de uma vez.