Gerador de favicon
Transforme uma imagem ou uma letra no conjunto completo de arquivos de favicon, com o HTML para usá-los.
Seus arquivos nunca saem do seu dispositivo
Solte uma imagem aqui
PNG, JPEG, WebP, GIF, BMP ou AVIF. Ou mude para um ícone de letras abaixo.
Aberto neste dispositivo. Nada é enviado.
Uma imagem por vez, até 50 MB e cerca de 100 megapixels. Ícones de letras usam 1 ou 2 caracteres.
Como criar um favicon
- Escolha uma imagem ou mude para Letras e digite um ou dois caracteres com as suas cores.
- Para uma imagem, escolha um recorte quadrado centralizado ou o ajuste com margem. Confira as prévias em 16, 32, 48 e 180 pixels.
- Clique em Criar arquivos de favicon, baixe o .zip e cole o HTML nas suas páginas.
O que um conjunto de favicon contém
Um favicon é o pequeno ícone que aparece na aba do navegador, na lista de favoritos ou em um resultado de pesquisa, e este gerador de favicon cria todos os arquivos de uma vez. Os navegadores procuram alguns arquivos diferentes: favicon.ico para navegadores antigos e uso geral, ícones PNG de 16 e 32 pixels para as abas, um ícone Apple touch de 180 pixels para a tela inicial do iPhone e do iPad, e ícones de 192 e 512 pixels para Android e web apps instaláveis. Um pequeno arquivo site.webmanifest lista os ícones do Android.
Esta ferramenta desenha cada tamanho separadamente a partir do seu original, então os tamanhos pequenos são reduzidos a partir da imagem inteira, e não ampliados de uma imagem minúscula. O arquivo .ico é gravado como um contêiner de três imagens PNG de 16, 32 e 48 pixels. Os ícones de letras são desenhados diretamente em cada tamanho, então as bordas ficam nítidas.
Dicas
- Use formas simples e marcantes e contraste forte. Detalhes finos somem em 16 pixels.
- Quer uma imagem quadrada a partir de parte de uma foto? Use antes Recortar imagem com 1:1.
- Precisa de outros tamanhos? Redimensionar imagem gera qualquer largura e altura.
Perguntas frequentes
Minha imagem é enviada?
Não. Os ícones são desenhados no seu navegador, no seu dispositivo, e o zip também é montado ali. Nada é enviado a nenhum servidor.
Quais arquivos eu recebo?
favicon.ico (versões de 16, 32 e 48 pixels), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 pixels), android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest, em um único .zip.
Onde coloco os arquivos?
Na pasta raiz do seu site, para que fiquem disponíveis em endereços como /favicon.ico. Depois cole o trecho de HTML mostrado após a criação dos arquivos no head das suas páginas.
Com qual imagem devo começar?
Uma imagem quadrada de pelo menos 512 × 512 pixels dá o resultado mais limpo, porque o maior ícone tem 512 pixels. Formas simples aguentam muito melhor a redução para 16 pixels do que formas cheias de detalhes. Confira as prévias de 16 e 32 pixels.
Qual é a diferença entre recortar e ajustar com margem?
Recortar pega um quadrado centralizado da imagem e descarta o resto. Ajustar com margem mantém a imagem inteira, centraliza com uma pequena margem e preenche o espaço com a sua cor de fundo ou o deixa transparente.
O arquivo .ico é válido?
Sim. Ele contém três imagens codificadas em PNG, de 16, 32 e 48 pixels, que todos os navegadores atuais leem.