Categoria: Imagens
Gerador de favicon
Transforme uma imagem em um conjunto completo de ícones
Abra um logotipo e receba ícones PNG de 16, 32, 48, 64, 128, 180, 192 e 512 pixels, além das tags link para colar no seu head. Cada tamanho é desenhado no navegador e a imagem nunca é enviada.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
Salve os arquivos na raiz do site para que as URLs acima funcionem, e mantenha os nomes estáveis: um favicon que muda de lugar precisa ser rastreado de novo.
Tudo nesta página é processado no seu navegador. Nada é enviado.
Para que serve
Favicon já não é um arquivo só. As abas querem 16, 32 e 48 pixels, telas de alta densidade pedem as versões de 64 e 128, o iOS lê um apple-touch-icon de 180 e o manifesto de aplicativo web do Android pede 192 e 512. Esta ferramenta gera todos a partir de uma única imagem, com um canvas por tamanho, encaixando a arte dentro do quadrado em vez de esticá-la, e devolve a marcação que os referencia em URLs estáveis. Tudo em PNG, porque qualquer navegador em uso lê favicons PNG e o antigo formato ICO não traz nada em troca.
Como usar
- Escolha um logotipo ou imagem quadrada, de preferência 512 x 512 ou maior.
- Se quiser, adicione margem ou preencha o fundo quando o ícone precisar ser opaco.
- Baixe cada tamanho, salve na raiz do site e cole o HTML no seu head.
Privacidade
Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.
Perguntas frequentes
- Meu logotipo é enviado?
- Não. Cada ícone é desenhado num canvas desta página e oferecido como download local. A imagem não sai do seu dispositivo.
- Qual deve ser o tamanho da imagem de origem?
- Pelo menos 512 x 512, quadrada e com uma folga em volta da marca. Qualquer coisa menor precisa ser ampliada para os tamanhos grandes e vai ficar borrada.
- Ainda preciso de um arquivo favicon.ico?
- Não para os navegadores atuais, que leem ícones PNG declarados por uma tag link. Alguns programas muito antigos ainda procuram /favicon.ico, então mantê-lo não faz mal se você já tem.