Aba do navegador · claroAprovado
Favicon de techcrunch.com
- 14aprovados
- 3avisos
- 2ausentes
- 5opcionais
O favicon principal de techcrunch.com é cropped-cropped-favicon-gradient.png, um arquivo PNG de 32×32 (1020 B). Encontramos 4 arquivos de ícone, 19,4 KB no total. O Google Search pode usar o mesmo arquivo. O site tem nota 81 de 100: 14 aprovados, 3 avisos, 2 ausentes. Faltando: Favicon SVG, Web app manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Aba do navegador · escuroAprovado
TechCrunchhttps://techcrunch.com
Pesquisa do GoogleAviso
TechCrunch
Tela inicial do iOSAviso
O iOS exige PNG; este é WebP.
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 techcrunch.com
4 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 16 px | 198 B |
| cropped-cropped-favicon-gradient.png | rel="icon" | PNG | 32×32 | 1020 B |
| cropped-cropped-favicon-gradient.png | rel="icon" | WebP | 192×192 | 9,7 KB |
| cropped-cropped-favicon-gradient.png | rel="apple-touch-icon" | WebP | 180×180 | 8,5 KB |
Favicon clássico
3 aprovadosfavicon.ico
AprovadoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 16
- Tamanho do arquivo
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 horas
PNG 32×32
Aprovado<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32" sizes="32x32">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- PNG
- Tamanho do arquivo
- 1020 B
- HTTP
- 200
- Content-Type
- image/png
WebP 192×192
Aprovado<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=192" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- WebP
- Tamanho do arquivo
- 9,7 KB
- HTTP
- 200
- Content-Type
- image/webp
Í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 rel="apple-touch-icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=180">
- Declarado
- sem sizes
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- não medido
- Tamanho do arquivo
- 8,5 KB
- HTTP
- 200
O iOS exige PNG; este é WebP.
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
5 aprovados · 1 aviso- Formato de arquivo compatívelPNG · cropped-cropped-favicon-gradient.png
- Quadrado, de pelo menos 8×8 px32×32
- Maior que 48×48 pxO Google recomenda mais de 48×48 para o ícone ficar nítido. Um PNG de 96×96 declarado ou o Apple touch icon de 180 px resolve.32 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 ícones4 de 4
- 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.3 de 4 · ≥ 1 dia
- Peso total dos ícones19,4 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32" sizes="32x32"> <link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=192" sizes="192x192"> <link rel="apple-touch-icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=180"> <meta name="msapplication-TileImage" content="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=270">
Perguntas sobre o favicon de techcrunch.com
Onde fica o favicon de techcrunch.com?
O principal está em https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32. O caminho padrão, https://techcrunch.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de techcrunch.com?
cropped-cropped-favicon-gradient.png tem 32×32. O maior ícone raster do site é cropped-cropped-favicon-gradient.png, com 192×192 px.
O Google Search consegue exibir o favicon de techcrunch.com?
O site cumpre as regras do Google: cropped-cropped-favicon-gradient.png é um arquivo PNG de 32×32 (1020 B) e o robots.txt permite o acesso. O Google recomenda mais de 48×48 px, então um ícone maior ficaria mais nítido. Ainda assim, quem decide o que exibir é o Google.
techcrunch.com tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 180×180. Não há web app manifest legível, então também não há ícone maskable.