Um ícone claro se confunde com abas claras. Adicione um contorno ou um fundo.
Favicon de snapchat.com
- 15aprovados
- 1aviso
- 5ausentes
- 3opcionais
O favicon principal de snapchat.com é favicon.ico, um arquivo ICO com imagens de 16, 32 e 48 px (15,0 KB). Encontramos 2 arquivos de ícone, 17,6 KB no total. O Google Search pode usar apple-touch-icon.png, um arquivo PNG de 180×180 (2,6 KB). O site tem nota 70 de 100: 15 aprovados, 1 aviso, 5 ausentes. Faltando: PNG 192×192, Favicon SVG, Apple touch icon e mais 2.
Como fica
Renderizado a partir dos arquivos encontrados.
Não há ícones no manifest, então o Android usa uma captura de tela ou uma letra.
Sem ícone de 512 px no manifest, não há prompt de instalação nem tela de abertura.
Todos os arquivos de favicon de snapchat.com
2 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | rel="icon" · caminho padrão | ICO | 16, 32, 48 px | 15,0 KB |
| apple-touch-icon.png | rel="apple-touch-icon" · caminho padrão | PNG | 180×180 | 2,6 KB |
Favicon clássico
1 aprovado · 1 ausentefavicon.ico
Aprovado<link rel="icon" href="/favicon.ico" type="image/x-icon">
- Formato
- ICO (real)
- Contém
- 16 · 32 · 48
- Tamanho do arquivo
- 15,0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 horas
PNG 192×192
Ausente<link rel="icon" href="/favicon-192x192.png" type="image/png" sizes="192x192">
- HTTP
- 404
O arquivo retorna HTTP 404.
Ícone SVG
1 ausenteFavicon SVG
Ausente<link rel="icon" href="/favicon.svg" type="image/svg+xml">
O arquivo retorna HTTP 404.
Apple
1 aprovado · 1 ausente · 1 opcionalApple touch icon
Aprovado<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fundo
- opaco
- Tamanho do arquivo
- 2,6 KB
- HTTP
- 200
Apple touch icon
Ausente<link rel="apple-touch-icon" href="/apple-touch-icon-yellow-192.png" sizes="192x192">
O arquivo retorna HTTP 404.
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 ausenteWeb 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 px180×180
- Maior que 48×48 px180 px
- Declarado na página inicialsim
- Não bloqueado pelo robots.txtpermitido
- URL estávelsem redirecionamentos
Meta e legado
2 aprovados · 2 opcionais- theme-color#ffffff
- theme-color para o modo escuro#121212
- msapplication-TileColorBlocos do Windows, legado.não definido
- browserconfig.xmlBlocos do Windows, legado.não encontrado
Entrega e desempenho
5 aprovados · 1 aviso · 1 ausente- HTTPS em todos os ícones2 de 2
- Sem conteúdo misto0 link http://
- Sem links quebrados/favicon.svg, /favicon-192x192.png, /apple-touch-icon-yellow-192.png3 erros
- Cabeçalhos de cacheÍcones raramente mudam; mantenha-os em cache por pelo menos um dia.0 de 2 · ≥ 1 dia
- Peso total dos ícones17,6 KB
- Redirecionamentos0
- Tags duplicadasnenhum
Tags de ícone encontradas no <head>
<link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" href="/favicon-192x192.png" type="image/png" sizes="192x192"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180"> <link rel="apple-touch-icon" href="/apple-touch-icon-yellow-192.png" sizes="192x192"> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#121212" media="(prefers-color-scheme: dark)">
Perguntas sobre o favicon de snapchat.com
Onde fica o favicon de snapchat.com?
O principal está em https://www.snapchat.com/favicon.ico.
Qual é o tamanho do favicon de snapchat.com?
favicon.ico tem 16, 32, 48 px. O maior ícone raster do site é apple-touch-icon.png, com 180×180 px.
O Google Search consegue exibir o favicon de snapchat.com?
O site cumpre as regras do Google: apple-touch-icon.png é um arquivo PNG de 180×180 (2,6 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
snapchat.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.