Guia

O melhor formato de favicon em 2026

Não existe um único formato ideal — existe uma combinação ideal. Sites modernos publicam um .ico multirresolução para compatibilidade legada, um PNG para telas de alta densidade e um SVG para a maior nitidez possível.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

ICO é o contêiner original de favicons. Um único arquivo .ico pode conter várias resoluções (16, 32, 48, 64, 128, 256) e o navegador escolhe a que melhor se encaixa. Todos os navegadores desktop suportam esse formato.

PNG oferece qualidade pixel-perfect em qualquer densidade quando dimensionado corretamente. Use-o junto com o .ico via <link rel="icon" type="image/png" sizes="...">.

SVG é o mais leve, escala infinitamente e permite media queries para modo escuro. Chrome, Edge, Firefox e Safari (15+) já suportam.

Como funciona

  1. 1

    Parta de uma imagem quadrada

    Use um PNG de 512×512 ou superior, ou um SVG com viewBox quadrado.

  2. 2

    Gere um .ico multirresolução

    Inclua 16, 32, 48 e 64 dentro de um único arquivo .ico.

  3. 3

    Adicione variantes modernas

    Exporte PNG (180×180 para apple-touch-icon) e SVG, depois vincule ambos no <head>.

Experimente agora

Monte o conjunto perfeito de favicons

Gerador de Favicon

Perguntas frequentes

Ainda preciso de favicon.ico em 2026?+

Sim. Navegadores ainda buscam /favicon.ico por convenção quando não há tags <link>, e atalhos do Windows dependem desse arquivo.

Posso usar somente um SVG como favicon?+

Não é seguro. Navegadores antigos e alguns embeds de redes sociais ignoram SVG. Sempre tenha um .ico ou PNG como fallback.

Qual é a configuração mínima válida de favicon?+

Um favicon.ico multirresolução em /favicon.ico — só isso. Todo o resto é otimização adicional.

Ferramentas relacionadas

Mais guias

Guias