Por que há tantos tamanhos de favicon?

Contextos diferentes usam tamanhos diferentes. Telas iniciais do iOS querem 180×180. Telas iniciais do Android usam os ícones do manifesto (frequentemente 192×192 e 512×512). Abas de navegador desktop usam 16×16 e 32×32. Entregar todos eles é a única forma de ter boa aparência em todo lugar.

Ainda preciso do favicon.ico?

Sim, para navegadores legados e ferramentas que buscam /favicon.ico por padrão. Mesmo navegadores modernos recorrem a ele quando nenhum favicon explícito é declarado. Entregue-o ao lado das variantes PNG.

O que é o manifesto de web app?

O manifest.json (ou manifest.webmanifest) declara os ícones, nome e cor de tema para apps web instaláveis. O Android o usa para prompts de instalação na tela inicial. O iOS também lê nome e ícones, embora algumas propriedades só funcionem no Android.

Por que às vezes aparece um erro de CORS?

Alguns hosts bloqueiam buscas de imagem de origens cruzadas. O Toova ainda detecta se o ícone existe verificando a resposta, mas não consegue renderizar a imagem na visualização. O site real funciona normalmente — essa é apenas uma limitação da ferramenta.

A URL que verifico é registrada em algum lugar?

Não. O Toova não vê a URL que você verifica — a requisição vai do seu navegador diretamente para o site de destino.

Verificador de Favicon — inspecionar sites

Verifique quais favicons um site serve — incluindo o arquivo ICO legado, variantes PNG modernas, ícones Apple touch e o manifesto de web app. O Toova os busca e visualiza no seu navegador, para que você possa auditar o próprio site ou comparar com concorrentes.

Por que favicons são uma bagunça

Navegadores, plataformas mobile, cards sociais, leitores RSS e extensões de navegador buscam favicons em lugares diferentes — /favicon.ico, /apple-touch-icon.png, o manifesto, as meta tags. Um site que entrega apenas /favicon.ico perde todos os contextos modernos. O Toova verifica todos os locais comuns, mostra o resultado e destaca o que está faltando para que você possa auditar o próprio site sem criar requisições manualmente.

O que é verificado

O clássico /favicon.ico na raiz. Tamanhos do apple-touch-icon (180×180, 152×152, 120×120). Favicons PNG declarados no HTML. O manifesto de web app do site (manifest.json) e os ícones que ele referencia. Imagem Open Graph usada por cards sociais. O Toova busca cada um, mostra o tamanho e as dimensões, e sinaliza o que está faltando — útil para design systems e auditorias de marca.

Só localmente

As buscas rodam do seu navegador, sujeitas à política CORS do site de destino. A URL que você verifica nunca é enviada para um servidor do Toova — não há registro de quais sites você audita. Isso importa quando você está fazendo análise competitiva ou verificando um domínio não lançado. A aba de Rede mostrará requisições para o site de destino, não para lugar nenhum mais.

Perguntas Frequentes

Por que há tantos tamanhos de favicon?: Contextos diferentes usam tamanhos diferentes. Telas iniciais do iOS querem 180×180. Telas iniciais do Android usam os ícones do manifesto (frequentemente 192×192 e 512×512). Abas de navegador desktop usam 16×16 e 32×32. Entregar todos eles é a única forma de ter boa aparência em todo lugar.
Ainda preciso do favicon.ico?: Sim, para navegadores legados e ferramentas que buscam /favicon.ico por padrão. Mesmo navegadores modernos recorrem a ele quando nenhum favicon explícito é declarado. Entregue-o ao lado das variantes PNG.
O que é o manifesto de web app?: O manifest.json (ou manifest.webmanifest) declara os ícones, nome e cor de tema para apps web instaláveis. O Android o usa para prompts de instalação na tela inicial. O iOS também lê nome e ícones, embora algumas propriedades só funcionem no Android.
Por que às vezes aparece um erro de CORS?: Alguns hosts bloqueiam buscas de imagem de origens cruzadas. O Toova ainda detecta se o ícone existe verificando a resposta, mas não consegue renderizar a imagem na visualização. O site real funciona normalmente — essa é apenas uma limitação da ferramenta.
A URL que verifico é registrada em algum lugar?: Não. O Toova não vê a URL que você verifica — a requisição vai do seu navegador diretamente para o site de destino.