Gerador de favicon

Transforme sua imagem no ícone do seu site.

ou arraste e solte uma imagem aqui

JPG, PNG, WebP e AVIF estáticos · até 2 MB

  • Grátis
  • Nenhuma instalação necessária
  • Pacote completo em ZIP

Sua imagem fica no navegador. Sem envio ao servidor.

Pequeno no tamanho.
Grande na identidade.

Seu logo nas abas, nos favoritos e nos atalhos do celular.

Exemplo de um favicon Duckfile em abas claras e escuras e em um atalho no celular
Exemplos ilustrativos de uso

Tudo o que você precisa, em um ZIP.

Navegadores
ICO e PNG · 16, 32 e 48 px
Apple
Touch Icon · 180 px
Android
192 e 512 px + versão maskable
Instalação
Manifest, HTML e LEIA-ME.txt

Envie os arquivos para seu site e adicione o código ao <head>.

Da sua imagem ao favicon

  1. Selecione

    Uma imagem JPG, PNG, WebP ou AVIF.

  2. Personalize

    Ajuste o enquadramento, a margem e o fundo.

  3. Instale

    Baixe o pacote e siga as instruções.

Tudo é gerado no seu navegador. Sua imagem não é enviada ao servidor.

Perguntas frequentes

O que é um favicon e onde ele aparece?

É o pequeno ícone que identifica seu site nas abas do navegador, nos favoritos e nos atalhos salvos no celular. Uma imagem simples e com bom contraste costuma ser mais fácil de reconhecer em tamanhos pequenos.

Qual imagem posso usar?

Selecione uma única imagem estática JPG, PNG, WebP ou AVIF, de até 2 MB, 20 megapixels e 10.000 pixels por lado. Prefira uma imagem quadrada de pelo menos 512 × 512 pixels. Imagens menores podem perder nitidez ao serem ampliadas. SVG, GIF e animações não são aceitos nesta ferramenta.

O que vem no pacote ZIP?

O pacote inclui favicon.ico com 16, 32 e 48 pixels, PNGs nesses tamanhos, Apple Touch Icon de 180 pixels, ícones Android de 192 e 512 pixels, uma versão maskable de 512 pixels, manifest, código HTML e instruções. O Apple Touch Icon e o maskable têm fundo opaco; quando você escolhe transparência, essas duas versões usam fundo branco.

Como instalo o favicon no meu site?

Extraia o ZIP, envie os arquivos de imagem e o site.webmanifest para a raiz pública do seu site e cole o código HTML dentro de <head>. Personalize o nome do site no manifest. Se colocar os arquivos em uma subpasta, ajuste os caminhos no HTML e no manifest. As instruções completas estão no LEIA-ME.txt. O Duckfile gera os arquivos, mas não altera seu site automaticamente.

Minha imagem é enviada para algum servidor?

Não. A leitura da imagem, as prévias e a geração dos ícones e do ZIP acontecem no seu navegador. A imagem não é enviada ao servidor nem salva na biblioteca da conta. Ao sair ou recarregar esta página, será necessário selecioná-la novamente.

Por que o favicon novo ainda não aparece?

O navegador pode continuar usando a versão antiga em cache. Confira se os arquivos estão acessíveis nos caminhos indicados no código e se as tags foram adicionadas ao <head>. Depois, teste em uma janela privada ou limpe o cache. Atalhos já salvos no celular podem precisar ser removidos e adicionados novamente.