Gerador de Favicon
O gerador de favicon transforma um ou dois caracteres ou um emoji em um favicon com o fundo, a cor do texto e o formato que você escolher, e exporta arquivos PNG em 256, 128, 64, 32 e 16 px.
Sobre esta ferramenta
O gerador de favicon transforma um ou dois caracteres ou um emoji em um favicon com o fundo, a cor do texto e o formato que você escolher, e exporta arquivos PNG em 256, 128, 64, 32 e 16 px.
Como usar
- Digite uma ou duas letras ou cole um emoji.
- Escolha as cores de fundo e do texto.
- Escolha o formato quadrado, arredondado ou circular.
- Baixe os tamanhos de PNG de que você precisa.
Bom saber
- Os navegadores mostram os favicons nas abas em 16 × 16 px, então formas simples e marcantes funcionam melhor.
- Navegadores modernos aceitam favicons PNG via <link rel="icon" type="image/png" href="/favicon-32.png">.
- Os ícones Apple touch costumam ter 180 × 180 px; a exportação de 256 px pode ser redimensionada para isso.
- Apenas os dois primeiros caracteres do texto são desenhados.
- As imagens são desenhadas com a Canvas API no seu dispositivo.
Funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado.
Perguntas frequentes
Qual deve ser o tamanho de um favicon?
Ofereça pelo menos 32 × 32 px para as abas do navegador, além de tamanhos maiores, como 180 px para ícones Apple touch e 192 ou 512 px para manifestos de web apps.
Como adiciono um favicon ao meu site?
Envie o PNG para o servidor e adicione <link rel="icon" type="image/png" href="/favicon-32.png"> dentro do head do HTML.
Posso usar um emoji como favicon?
Sim. Cole um emoji no campo de texto e baixe o PNG; ele é renderizado com a fonte de emojis do seu sistema.
Ainda preciso de um arquivo favicon.ico?
Não para navegadores modernos, que aceitam PNG. Algumas ferramentas e navegadores mais antigos ainda procuram /favicon.ico, então muitos sites mantêm um por compatibilidade.