Gerador de Favicon
Uma imagem, todos os tamanhos que um site precisa
Imagem de origem
Ícones gerados
Nada gerado ainda
Solte uma imagem e clique em gerar — os ícones aparecem aqui.
O ZIP contém as imagens dos ícones, o site.webmanifest e o trecho de HTML.
Favicon já não é um arquivo só. Navegadores querem 16 e 32 pixels, o iOS quer 180, o Android quer 192 e 512, e cada um espera encontrá-los de um jeito específico. Envie uma imagem quadrada e receba o conjunto inteiro com a marcação correspondente.
Como usar
- 1 Solte uma imagem quadrada, de preferência com 512px ou mais.
- 2 Por padrão o centro é recortado em quadrado — desligue isso se quiser a imagem inteira espremida para caber.
- 3 Clique em gerar.
- 4 Baixe o ZIP e cole o trecho de HTML no head das suas páginas.
Perguntas frequentes
Qual deve ser o tamanho da imagem original?
Pelo menos 512×512 e quadrada. A versão de 16px é gerada por redução, então uma origem pequena ou retangular produz ícones borrados. Formas simples e marcantes sobrevivem muito melhor à redução do que desenhos cheios de detalhe.
Ainda preciso do favicon.ico?
Raramente. Todos os navegadores atuais leem ícones PNG pelas tags link. Mantenha o .ico só se precisar dar suporte a versões muito antigas do Internet Explorer, ou se algo na sua stack o procurar na raiz do site por convenção.
Para que serve o site.webmanifest?
Ele diz ao Android e ao Chrome quais ícones usar quando alguém adiciona o seu site à tela inicial, junto com o nome do app e a cor do tema. Sem ele, o Android recorre a uma captura da página.