Gerador de favicon

Crie um pacote completo de favicons no navegador: um favicon.ico multirresolução real, PNGs de 16 a 512 px, um site.webmanifest e um trecho HTML.

Carregando ferramenta…

Gerador de faviconSolte uma única imagem PNG ou JPG e crie na hora um pacote completo de favicons: um favicon.ico multirresolução real (16/32/48), ícones PNG quadrados de 16 a 512 px, um site.webmanifest e um trecho HTML head pronto para colar. Escolha um formato quadrado, arredondado ou maskable, adicione um preenchimento de fundo e padding, e depois baixe qualquer tamanho individual, o .ico ou todo o pacote como um ZIP. Tudo é executado localmente no seu navegador — sua imagem nunca é enviada.

O que é Gerador de favicon?

O Favicon Generator é um criador de favicons gratuito e baseado no navegador que transforma uma imagem PNG ou JPG em um pacote de favicons completo e pronto para publicar. Foi feito para desenvolvedores, web designers e donos de sites que precisam de favicons rapidamente para HTML, WordPress, PWAs ou ícones Apple touch, sem instalar software nem se cadastrar. Ele reúne um favicon.ico multirresolução real (16, 32 e 48 px), ícones PNG quadrados de 16, 32, 48, 180 (Apple touch) e 192/512 px (Android/PWA), um site.webmanifest e um trecho HTML head, tudo renderizado com escalonamento de canvas de alta qualidade. Use sempre que quiser converter um logotipo ou imagem em todos os arquivos de favicon que um site moderno precisa, inteiramente no seu próprio dispositivo.

Como usar Gerador de favicon

  1. Solte uma imagem PNG ou JPG na área de soltar, ou clique nela para procurar e escolher um arquivo no seu dispositivo.
  2. Abra a engrenagem de configurações para escolher um formato quadrado, arredondado ou maskable, ativar uma cor de preenchimento de fundo e definir o padding das bordas.
  3. Aguarde enquanto a ferramenta renderiza cada tamanho, monta o favicon.ico multirresolução e cria o site.webmanifest e o trecho HTML.
  4. Clique em qualquer miniatura para abrir a lightbox de zoom, ou copie o trecho HTML <head> e o texto do manifest direto dos seus painéis.
  5. Use um botão por tamanho para salvar apenas um PNG, o botão .ico para o conjunto de ícones, ou Baixar pacote para pegar tudo em um ZIP.
  6. Pressione redefinir para limpar a imagem atual e recomeçar com uma nova.

Exemplos

Do logotipo ao pacote completo de favicons

Solte um logotipo PNG e receba favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest, além do trecho <head> correspondente — tudo compactado em favicon-package.zip.

Ícone maskable do Android

Mude o formato para maskable e ative um fundo branco: a ferramenta adiciona um padding de zona segura e define o purpose do ícone do manifest como "maskable", para que o Android possa recortá-lo em círculo ou squircle sem cortar seu logotipo.

Ícone arredondado com padding

Escolha o formato arredondado e cerca de 12% de padding para obter cantos suavemente recortados com espaço ao redor da arte, no estilo dos ícones de app modernos.

Perguntas frequentes

O favicon.ico é um ícone multirresolução de verdade?
Sim. A ferramenta empacota os PNGs de 16, 32 e 48 px em um único contêiner favicon.ico escrito byte a byte no seu navegador, então um só arquivo .ico serve as três resoluções para as abas do navegador e os favoritos.
Quais arquivos estão no pacote ZIP?
O ZIP contém favicon.ico, os ícones PNG (16, 32, 48, 180, 192 e 512 px com nomes convencionais) e site.webmanifest. Cole o trecho HTML <head> fornecido para conectá-los à sua página.
O que fazem as opções de formato e padding?
Quadrado mantém um ícone quadrado simples, arredondado recorta os cantos e maskable adiciona uma margem de zona segura e marca os ícones do manifest como maskable para o Android. O padding reduz a arte dentro de cada quadrado, e o preenchimento de fundo pinta atrás.
Quais formatos de imagem posso enviar?
Você pode soltar ou procurar uma única imagem PNG ou JPG. A ferramenta lê essa única imagem de origem e renderiza a partir dela cada tamanho de saída, o favicon.ico e o manifest.
Minha imagem é enviada para um servidor?
Não. Tudo é executado localmente no seu navegador usando a Canvas API — os ícones PNG, o contêiner favicon.ico e o ZIP são todos criados no seu dispositivo, então sua imagem nunca é enviada.

Ferramentas relacionadas