Aba do navegador · claroAprovado
Favicon de cnn.com
- 14aprovados
- 2avisos
- 2ausentes
- 5opcionais
O favicon principal de cnn.com é favicon.ico, um arquivo ICO com imagens de 16, 32 e 48 px (11,2 KB). Encontramos 3 arquivos de ícone, 27,7 KB no total. O Google Search pode usar apple-touch-icon.png, um arquivo PNG de 76×76 (5,2 KB). O site tem nota 83 de 100: 14 aprovados, 2 avisos, 2 ausentes. Faltando: Favicon SVG, Web app manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Aba do navegador · escuroAprovado
CNNhttps://www.cnn.com
Pesquisa do GoogleAprovado
CNN
Tela inicial do iOSAviso
O iOS preenche as áreas transparentes com preto e amplia 76 → 180 px, então o ícone fica borrado em telas Retina.
512
Android · maskableAusente
Não há ícones no manifest, então o Android usa uma captura de tela ou uma letra.
splash
Instalação e abertura do PWAAusente
Sem ícone de 512 px no manifest, não há prompt de instalação nem tela de abertura.
Todos os arquivos de favicon de cnn.com
3 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16, 32, 48 px | 11,2 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 76×76 | 5,2 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 11,2 KB |
Favicon clássico
2 aprovadosfavicon.ico
AprovadoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 16 · 32 · 48
- Tamanho do arquivo
- 11,2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 60 s
ICO
Aprovado<link rel="shortcut icon" type="image/x-icon" href="/media/sites/cnn/favicon.ico">
- Declarado
- sem sizes
- Real
- 16 · 32 · 48
- Formato
- ICO
- Tamanho do arquivo
- 11,2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
Ícone SVG
1 ausentesvg
Favicon SVG
Ausente<link rel="icon" type="image/svg+xml" href="…"> – não encontrado
Um ícone SVG fica nítido em qualquer tamanho e pode trocar de cor nos temas escuros do navegador.
Apple
1 aviso · 1 opcionalApple touch icon
Aviso<link href="/media/sites/cnn/apple-touch-icon.png" rel="apple-touch-icon" type="image/png">
- Declarado
- sem sizes
- Real
- 76×76
- Recomendado
- 180×180
- Fundo
- transparente
- Tamanho do arquivo
- 5,2 KB
- HTTP
- 200
O iOS preenche as áreas transparentes com preto e amplia 76 → 180 px, então o ícone fica borrado em telas Retina.
mask
Safari pinned tab (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – não encontrado
Legado. O Safari 12+ usa o favicon comum, então isso não é mais necessário.
Arquivo web app manifest
1 ausentejson
Web app manifest
Ausente<link rel="manifest" href="…"> – não encontrado
Android e web apps instaláveis obtêm ícones, nome e cores do manifest.
Pesquisa do Google
6 aprovados- Formato de arquivo compatívelPNG · apple-touch-icon.png
- Quadrado, de pelo menos 8×8 px76×76
- Maior que 48×48 px76 px
- Declarado na página inicialsim
- Não bloqueado pelo robots.txtpermitido
- URL estávelsem redirecionamentos
Meta e legado
4 opcionais- theme-colorDefine a cor da interface do navegador no celular.não definido
- theme-color para o modo escuromedia="(prefers-color-scheme: dark)"não definido
- msapplication-TileColorBlocos do Windows, legado.não definido
- browserconfig.xmlBlocos do Windows, legado.não encontrado
Entrega e desempenho
6 aprovados · 1 aviso- HTTPS em todos os ícones3 de 3
- Sem conteúdo misto0 link http://
- Sem links quebrados0 erro
- Cabeçalhos de cacheÍcones raramente mudam; mantenha-os em cache por pelo menos um dia.0 de 3 · ≥ 1 dia
- Peso total dos ícones27,7 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link href="/media/sites/cnn/apple-touch-icon.png" rel="apple-touch-icon" type="image/png"> <link rel="shortcut icon" type="image/x-icon" href="/media/sites/cnn/favicon.ico">
Perguntas sobre o favicon de cnn.com
Onde fica o favicon de cnn.com?
O principal está em https://www.cnn.com/media/sites/cnn/favicon.ico. O caminho padrão, https://www.cnn.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de cnn.com?
favicon.ico tem 16, 32, 48 px. O maior ícone raster do site é apple-touch-icon.png, com 76×76 px.
O Google Search consegue exibir o favicon de cnn.com?
O site cumpre as regras do Google: apple-touch-icon.png é um arquivo PNG de 76×76 (5,2 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
cnn.com tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 76×76, com áreas transparentes que o iOS deixa pretas. Não há web app manifest legível, então também não há ícone maskable.