Pular para o conteúdo

Gerador de Favicon

Solte uma imagem quadrada, baixe favicons PNG em todos os tamanhos padrão.

Roda no seu navegador

Solte uma imagem quadrada e escolha o fundo (ou deixe transparente). Renderizamos PNGs em cada tamanho padrão via Canvas no navegador. Baixe um por um ou todos de uma vez.

Solte ou escolha uma imagem (PNG, SVG, JPG)

Ainda sem imagem - solte ou escolha uma acima.

Como usar

  1. Solte sua imagem

    Quadrada funciona melhor. PNG, SVG, JPG, WebP aceitos.

  2. Escolha um fundo

    Transparente, branco, preto ou sua cor de marca. SVGs renderizam com fundo transparente por padrão.

  3. Baixe

    Botão Baixar ao lado de um tamanho para um PNG; Baixar tudo para todos.

O que é?

Um gerador de favicon pega uma imagem fonte e produz várias cópias PNG nos tamanhos que navegadores e plataformas mobile esperam: 16 e 32 para abas, 180 para tela inicial iOS, 192 e 512 para manifests Android / PWA, mais tamanhos intermediários para telas de alta densidade. A saída é um conjunto de PNGs para colocar no seu `public/`.

Quando usar

Trocar o favicon padrão ao lançar um site, refrescar identidade de marca, gerar ícones de manifest PWA, produzir ícones por produto.

Erros comuns

Usar uma imagem não quadrada - o resultado fica com bandas letterbox. Colocar detalhe fino a 16px - 16 pixels de largura é um glifo, não um logo. E esquecer as variantes iOS 180px / Android 192-512px - o favicon do desktop não é o que uma tela inicial mobile pede.

FAQ

Por que sem arquivo .ico?
Navegadores modernos lidam com favicons PNG sem problema, inclusive no Windows. .ico só é necessário para IE legado; se realmente precisar, use um conversor separado sobre o PNG 32px.
Minha imagem é enviada?
Não. A API Canvas roda no navegador e processa o arquivo localmente. Nunca vemos sua imagem original.

Mais nesta categoria