RevealTheme logo

Gerador de Favicon

Gere um conjunto completo de favicon a partir de qualquer imagem: todos os tamanhos que navegadores, iOS e Android esperam.

Como usar esta ferramenta

  1. 1

    Envie uma imagem quadrada (PNG recomendado, de 512×512 ou maior).

  2. 2

    Nós a renderizamos em todos os tamanhos comuns de favicon.

  3. 3

    Baixe cada PNG.

  4. 4

    Faça referência a eles no <head> do seu HTML com os atributos sizes apropriados.

O que é o Gerador de Favicon?

Os favicons modernos não são mais apenas de 16×16. O iOS espera um apple-touch-icon de 180×180, o Android quer ícones PWA de 192×192 e 512×512, e as telas de alta densidade usam 32×32 ou 48×48. Esta ferramenta gera todos os tamanhos comuns a partir de uma única imagem de origem para que você possa servi-los como tags <link rel='icon' sizes='...'>.

Casos de uso comuns

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

Perguntas frequentes

Que tamanho de imagem de origem devo usar?
Um PNG quadrado de 512×512 ou maior dá os melhores resultados: reduzir a escala preserva o detalhe melhor do que ampliá-la.
Preciso de um arquivo ICO?
Os navegadores modernos aceitam favicon em PNG. O formato ICO só é necessário para a compatibilidade com o IE legado, pouco frequente hoje em dia.

Ferramentas relacionadas