Pular para o conteúdo
Observatório do <head>

/static/observatorio/astro/icon/

Menu

HED-014 · Aparência

<link rel="icon">

O retrato do documento na aba, nos favoritos e nos resultados de busca.

Sem esta linha o navegador sai adivinhando e pede /favicon.ico na raiz. Com ela, o documento escolhe o próprio retrato: o atributo sizes deixa o navegador eleger o tamanho certo, e um SVG cobre todos os tamanhos de uma vez.

O mito é a coleção de dezenas de PNGs que os geradores de favicon empurram: hoje um SVG, um PNG de reserva e um apple-touch-icon resolvem quase tudo. E há o truque do observatório: href="data:," declara um ícone vazio e silencia o pedido — nenhum 404 no diário de bordo.

<link rel="icon" href="/icone.svg" type="image/svg+xml">
<link rel="icon" href="/icone-32.png" sizes="32x32">
Um vetor para todos os tamanhos, um PNG de reserva.