Gerador de Favicon
Transforme uma imagem em um conjunto completo de favicons com todos os tamanhos comuns, além de um trecho de HTML pronto para colar. Tudo no seu navegador.
Solte uma imagem aqui
ou
Como gerar um conjunto de favicons
- Solte uma imagem na área de upload, ou clique para selecioná-la no seu dispositivo.
- A ferramenta torna a sua imagem quadrada e centralizada e, em seguida, renderiza todos os tamanhos de favicon comuns.
- Baixe cada PNG individualmente ou use Baixar Tudo para obter o conjunto completo.
- Copie o trecho de HTML para o head do seu site.
Perguntas Frequentes
A minha imagem é enviada a um servidor?
Não. Os favicons são gerados inteiramente no seu navegador usando a API Canvas, então a sua imagem nunca sai do seu dispositivo.
Quais tamanhos o gerador produz?
Ele produz arquivos PNG de 16x16, 32x32, 48x48, 180x180 (apple-touch-icon), 192x192 e 512x512, os tamanhos mais comuns solicitados pelos navegadores modernos.
E se a minha imagem não for quadrada?
A imagem é reduzida para caber em um canvas quadrado e centralizada, com espaço transparente nas laterais, para que o resultado ainda funcione como um ícone.
A ferramenta é gratuita?
Sim. Cada ferramenta da Handio é gratuita, sem cadastro, sem limites e sem marcas d'água.
Ferramentas Relacionadas
Porquê gerar um conjunto de favicons?
Os navegadores solicitam favicons em vários tamanhos para abas, favoritos e telas iniciais. Um conjunto completo faz o seu site parecer nítido em todos os lugares, em vez de borrado por causa de uma única imagem redimensionada.
- Cubra todos os tamanhos que um navegador pode solicitar, de abas de 16px a ícones de 512px.
- Forneça o apple-touch-icon usado pelas telas iniciais do iOS.
- Obtenha a marcação HTML exata para colar no head do seu site.
Dicas e limites
Comece com uma imagem simples e de alto contraste, pois os detalhes finos se perdem a 16px. A saída em PNG mantém a transparência, e o apple-touch-icon de 180px deve ser uma forma sólida sem bordas transparentes. Tudo roda localmente no seu navegador.