Guia

Tamanhos de favicon explicados

Navegadores, sistemas operacionais e prompts de instalação solicitam resoluções diferentes de favicon. Este guia mapeia cada tamanho comum à sua superfície para que você saiba exatamente o que gerar a partir de uma única imagem.

16×16 e 32×32 alimentam as abas e a barra de favoritos em monitores padrão e 2×. Eles devem estar dentro do favicon.ico e, opcionalmente, como PNGs avulsos.

48×48 e 64×64 cobrem o Explorador de Arquivos do Windows, pins na barra de tarefas e algumas miniaturas de busca.

128×128 e 256×256 são usados em arquivos .ico multirresolução e na interface de alta DPI do Windows.

180×180 é o apple-touch-icon para a tela inicial do iOS. 192×192 e 512×512 são obrigatórios para PWAs em Android e Chromium.

Como funciona

  1. 1

    Escolha uma imagem quadrada

    PNG de 512×512 ou SVG com viewBox quadrado.

  2. 2

    Exporte o conjunto completo

    Use nosso gerador de favicon para .ico, apple-touch-icon e PNGs de manifest.

  3. 3

    Vincule cada tamanho

    Copie as tags <link> prontas do README do pacote ou do guia de HTML.

Experimente agora

Gere todos os tamanhos de favicon

Gerador de Favicon

Perguntas frequentes

Quantos tamanhos de favicon eu realmente preciso?+

Mínimo: .ico multirresolução (16/32/48) + apple-touch-icon de 180. Recomendado: adicione 192 e 512 para PWA.

Uma única imagem serve para todos os tamanhos?+

Sim — parta de 512×512 ou SVG e exporte todos os tamanhos programaticamente. Nunca amplie um logo pequeno.

Qual tamanho importa mais para SEO?+

O Google usa no mínimo 48×48 nos resultados de busca. Inclua 48 no seu .ico e também como PNG avulso.

Ferramentas relacionadas

Mais guias

Guias

Explorar FetchFavicon

Categorias

Conversores

Utilitários

Guias

Tutoriais