Ferramenta de imagem / 21

Conversor de Favicon

Transforme uma única imagem em um pacote completo de favicon — todos os tamanhos PNG, um favicon.ico com múltiplas resoluções e um site.webmanifest — em um único zip.

Conversor de Favicon: TOEA renderiza sua imagem em 16, 32, 180, 192 e 512 pixels, empacota os dois tamanhos menores em um favicon.ico com múltiplas resoluções, escreve um site.webmanifest correspondente e compacta os sete arquivos em um zip. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
Prensa do pacote de faviconProcessamento local

Roda inteiramente no seu navegador

↥
Escolha uma imagem quadrada como base.

PNG, JPG, WebP ou SVG · 1024 × 1024 ou maior funciona melhor

Mantenha o arquivo ICO na raiz

Os navegadores solicitam /favicon.ico na raiz de um site mesmo quando nenhuma página aponta para ele, e alguns leitores de feeds, ferramentas de favoritos e rastreadores não procuram em outro lugar. Portanto, mantenha o arquivo ICO na raiz, e não em uma pasta de imagens. Quando o cabeçalho da página aponta para ícones, os navegadores usam esses links primeiro, permitindo que os arquivos PNG atendam aos navegadores modernos enquanto o ICO cobre todos os outros. Consulte a documentação da MDN sobre ícones.

Ajustando o manifesto

O site.webmanifest gerado usa o nome do site tanto para name quanto para short_name. O nome curto é o rótulo sob um ícone da tela inicial, onde cabem cerca de 12 caracteres antes de ele ser cortado; portanto, encurte-o se o nome for longo. Os ícones são listados sem "purpose": "maskable", então o Android pode mostrá-los reduzidos dentro de um círculo branco. Para preencher o formato do inicializador, adicione um ícone maskable separado cujo conteúdo importante fique dentro do círculo central, 80% da largura.

Como usar

  1. Escolha uma imagem quadrada, de preferência 512 × 512 ou maior.
  2. Defina o nome do site e a cor do tema usados pelo manifest.
  3. Gere o pacote e baixe o zip.

Privacidade e limitações

A imagem nunca sai do seu navegador: todos os tamanhos, o contêiner ICO e o zip são montados no seu dispositivo. Imagens de origem com transparência permanecem transparentes.

Ferramentas relacionadas

Perguntas frequentes

O que vem no zip?

favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest — o mesmo conjunto que geradores de favicon normalmente produzem.

O favicon.ico contém mais de um tamanho?

Sim. Ele inclui imagens 16 × 16 e 32 × 32, armazenadas como entradas PNG para preservar o canal alfa.

Onde os arquivos devem ficar?

Extraia-os na raiz do seu site; depois, referencie favicon-32x32.png, favicon-16x16.png e apple-touch-icon.png no head do seu HTML e aponte o link do manifest para site.webmanifest.

Por que meu ícone ainda parece errado depois de fazer o upload?

Os navegadores fazem cache de favicons de forma agressiva e separadamente dos arquivos comuns. Abra a URL do PNG diretamente ou verifique em uma janela anônima para confirmar que o novo arquivo está sendo servido.

Ferramenta grátis · no seu navegador execuções · não precisa de conta