Saltar para o conteúdo principal
LibraTool logoLibraTool

Gerador de Favicon grátis

Transforme qualquer imagem em um pacote completo de favicon: um favicon.ico com vários tamanhos, ícone de toque para Apple, ícones Android/PWA, um manifesto web e o trecho HTML pronto para colar — tudo compactado, no seu navegador.

Solte um arquivo aqui ou clique para procurar

PNG, JPG, WebP, SVG, HEIC, HEIF · processado no seu dispositivo

ou pressione Ctrl+V para colar da área de transferência

Procurar arquivos

Seus arquivos nunca saem do seu dispositivo. Todo o processamento acontece localmente no seu navegador.

💡 Para melhor resultado, envie uma imagem quadrada de pelo menos 512×512. PNG transparente ou SVG funciona melhor.

Usos comuns

  • Criar um Favicon de SiteGere o conjunto completo de favicons que cada navegador e dispositivo espera.
  • Gerar Ícones PWA e ManifestObtenha os ícones de 192px e 512px e o manifesto da web que uma PWA precisa.
  • Criar um Ícone Apple TouchGere o ícone 180×180 que iOS usa quando um site é salvo na tela inicial.
  • Transforme um Logo em um FaviconConverta seu logo de marca em um favicon limpo e reconhecível.
  • Gerar Favicons para Qualquer FrameworkObtenha arquivos de favicon prontos para uso com React, Next.js, WordPress e muito mais.

Como funciona

Esta ferramenta converte qualquer PNG, JPEG, WebP, ou SVG num pacote completo de favicon — .ico multitamanho, ícone de toque Apple, ícones Android/PWA, um manifesto web, e um trecho HTML pronto para colar — inteiramente dentro do seu navegador usando a Canvas API e JSZip. Nada é carregado; toda a renderização e montagem de arquivos acontece localmente.

  1. 1
    O Canvas reescala a sua imagem
    O navegador desenha sua imagem de origem em elementos HTML Canvas fora da tela em cada tamanho requerido (16, 32, 48, 180, 192, e 512 px). SVGs sem atributos explícitos de largura/altura são normalizados primeiro via DOMParser e XMLSerializer para que o Firefox e o Chrome produzam saída de pixel idêntica em vez de um canvas vazio.
  2. 2
    Um codificador ICO escrito à mão empacota o arquivo .ico
    Entradas ICO pequenas (16, 32, 48 px) são codificadas como bitmaps DIB BGRA brutos de 32 bits — o BITMAPINFOHEADER mais linhas XOR de baixo para cima e uma máscara AND de 1bpp — porque os componentes shell do Windows requerem formato DIB não comprimido nesses tamanhos. A ferramenta escreve o cabeçalho de diretório ICO e concatena as entradas inteiramente com DataView e Uint8Array, sem nenhuma biblioteca ICO externa envolvida.
  3. 3
    As saídas PNG são produzidas via canvas.toBlob
    Cada variante PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) é capturada chamando canvas.toBlob com 'image/png', delegando a codificação sem perdas ao motor de imagem integrado do navegador. Preenchimento opcional, cor de fundo, e recorte de forma (quadrado, arredondado, ou círculo) são aplicados ao contexto do canvas antes da captura.
  4. 4
    O JSZip agrupa tudo num só download
    O JSZip monta todos os arquivos gerados — favicon.ico, os cinco PNGs, um site.webmanifest com o nome do seu app, e um favicon-snippet.html com as tags <link> corretas — num único blob .zip que é baixado automaticamente para o seu dispositivo.

Sua imagem é carregada diretamente na Canvas API do navegador e nunca sai do seu dispositivo — nenhum dado de arquivo é transmitido a qualquer servidor em qualquer momento.

Ferramentas relacionadas

Perguntas frequentes