Gerador de Favicon
Gere favicons em todos os tamanhos (16x16 a 512x512) a partir de uma imagem. Inclui meta tags HTML para copiar.
O que é Gerador de Favicon?
O humberto.ai Gerador de Favicon transforma uma imagem em um conjunto completo de favicons (16x16 até 512x512, apple-touch-icon e ícones Android/PWA), prontos para baixar junto com as meta tags HTML prontas para colar no site. Todo o redimensionamento acontece no navegador com a API canvas — a imagem enviada não sai do computador nem passa por nenhum servidor.
Como usar
- Clique na área de upload ou arraste uma imagem (PNG, JPG, SVG ou WebP) para o navegador.
- A ferramenta lê o arquivo localmente e desenha a imagem em um <canvas> para redimensioná-la nos 8 tamanhos padrão.
- Visualize a prévia de cada favicon gerado (16x16 até 512x512, apple-touch-icon e ícones Android/PWA).
- Baixe cada ícone individualmente ou use "Baixar todos" para exportar o conjunto completo em PNG.
- Copie o bloco de meta tags HTML e cole no <head> do site, renomeando os arquivos de 180x180, 192x192 e 512x512 para baterem com os nomes usados nas tags.
Perguntas frequentes
A imagem que eu envio sai do meu navegador?
Não. O upload é lido localmente com FileReader e redimensionado com a API canvas do navegador — nenhum arquivo é enviado a um servidor.
Quais tamanhos de favicon são gerados?
Oito tamanhos: 16x16, 32x32, 48x48, 64x64, 128x128, 180x180 (apple-touch-icon), 192x192 (Android) e 512x512 (PWA).
Quais formatos de imagem posso enviar?
Qualquer imagem aceita pelo navegador (PNG, JPG, SVG, WebP). Para melhor nitidez nos tamanhos maiores, use uma imagem de origem quadrada e de alta resolução.
Existe limite de tamanho de arquivo?
A ferramenta não impõe um limite explícito, mas imagens muito grandes podem deixar o processamento mais lento, já que tudo roda localmente no canvas do navegador.
Os nomes dos arquivos baixados batem com os das meta tags copiadas?
Quase: os de 16x16 a 128x128 batem, mas o de 180x180 deve ser renomeado para apple-touch-icon.png e os de 192x192/512x512 para android-chrome-192x192.png e android-chrome-512x512.png antes de subir ao servidor.
Por que apareceu o erro "O arquivo precisa ser uma imagem"?
Esse aviso aparece quando o arquivo selecionado não tem um tipo MIME de imagem (image/*) — confirme que está enviando um PNG, JPG, SVG ou WebP válido.