Favicon de ok.ru
- 26aprovados
- 3avisos
- 1ausentes
- 5opcionais
O favicon principal de ok.ru é favicon.svg, um arquivo SVG de 2,0 KB. Encontramos 11 arquivos de ícone, 77,2 KB no total. O Google Search pode usar icon_pwa_192.png, um arquivo PNG de 192×192 (10,5 KB). O site tem nota 93 de 100: 26 aprovados, 3 avisos, 1 ausente. Faltando: Ícone maskable no manifest.
Como fica
Renderizado a partir dos arquivos encontrados.
Confira se o ícone continua visível em uma aba escura.
Não há ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.
Todos os arquivos de favicon de ok.ru
11 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | rel="icon" · caminho padrão | ICO | 16, 32 px | 5,3 KB |
| favicon.svg | rel="icon" | SVG | vetorial | 2,0 KB |
| logo_ok_16-r23.png | rel="icon" | PNG | 16×16 | 312 B |
| logo_ok_32-r23.png | rel="icon" | PNG | 32×32 | 519 B |
| logo_ok_42-r23.png | rel="icon" | PNG | 42×42 | 614 B |
| icon_pwa_192.png | rel="apple-touch-icon" | PNG | 192×192 | 10,5 KB |
| icon_pwa_192.png | manifest | PNG | 192×192 | 8,0 KB |
| icon_pwa_512.png | manifest | PNG | 512×512 | 36,5 KB |
| icon_pwa_96.png | manifest | PNG | 96×96 | 3,3 KB |
| icon_pwa_128.png | manifest | PNG | 128×128 | 4,7 KB |
| icon_pwa_144.png | manifest | PNG | 144×144 | 5,5 KB |
Favicon clássico
4 aprovadosfavicon.ico
Aprovado<link sizes="16x16" rel="shortcut icon" id="favicon" href="/favicon.ico" type="image/x-icon">
- Formato
- ICO (real)
- Contém
- 16 · 32
- Tamanho do arquivo
- 5,3 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- nenhum
PNG 16×16
Aprovado<link rel="icon" type="image/png" sizes="16x16" href="/res/i/logo_ok_16-r23.png">
- Declarado
- 16×16
- Real
- 16×16
- Formato
- PNG
- Tamanho do arquivo
- 312 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
Aprovado<link rel="icon" type="image/png" sizes="32x32" href="/res/i/logo_ok_32-r23.png">
- Declarado
- 32×32
- Real
- 32×32
- Formato
- PNG
- Tamanho do arquivo
- 519 B
- HTTP
- 200
- Content-Type
- image/png
PNG 42×42
Aprovado<link rel="icon" type="image/png" sizes="42x42" href="/res/i/logo_ok_42-r23.png">
- Declarado
- 42×42
- Real
- 42×42
- Formato
- PNG
- Tamanho do arquivo
- 614 B
- HTTP
- 200
- Content-Type
- image/png
Ícone SVG
1 aprovadoFavicon SVG
Aprovado<link rel="icon" href="/favicon.svg" type="image/svg+xml">
- viewBox quadrado
- sim
- Modo escuro
- não
- Scripts
- nenhum
- Tamanho do arquivo
- 2,0 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Adicione uma media query prefers-color-scheme no SVG para trocar as cores nos temas escuros do navegador.
Apple
1 aprovado · 1 opcionalApple touch icon
Aprovado<link rel="apple-touch-icon" type="image/png" href="/res/i/pwa/icons/icon_pwa_192.png">
- Declarado
- sem sizes
- Real
- 192×192
- Recomendado
- 180×180
- Fundo
- opaco
- Tamanho do arquivo
- 10,5 KB
- HTTP
- 200
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 aprovadomanifest.json
Aprovado<link id="manifest" rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamanho do arquivo
- 1,2 KB
- Mesma origem
- sim
- Cache
- nenhum
Campos do manifest
8 aprovados · 1 aviso · 1 ausente- nameОдноклассники
- short_nameОК
- start_url/?st.from=pwa
- displaystandalone
- theme_colorDefine a cor da barra de título do app instalado.não definido
- background_color#fff
- icons · 192×192PNG · 8,0 KB · 200
- icons · 512×512PNG · 36,5 KB · 200
- icons · purpose: maskableSem ele, o Android reduz seu ícone e o coloca sobre um círculo branco.não encontrado
- id/
Pesquisa do Google
6 aprovados- Formato de arquivo compatívelPNG · icon_pwa_192.png
- Quadrado, de pelo menos 8×8 px192×192
- Maior que 48×48 px192 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
5 aprovados · 2 avisos- HTTPS em todos os ícones11 de 11
- 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.5 de 11 · ≥ 1 dia
- Peso total dos ícones77,2 KB
- Redirecionamentos0
- Tags duplicadasVárias tags rel="icon" declaram o mesmo tamanho, e os navegadores usam a última.2 × sizes="16x16"
Tags de ícone encontradas no <head>
<link sizes="16x16" rel="shortcut icon" id="favicon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="16x16" href="/res/i/logo_ok_16-r23.png"> <link rel="icon" type="image/png" sizes="32x32" href="/res/i/logo_ok_32-r23.png"> <link rel="icon" type="image/png" sizes="42x42" href="/res/i/logo_ok_42-r23.png"> <link rel="apple-touch-icon" type="image/png" href="/res/i/pwa/icons/icon_pwa_192.png"> <link id="manifest" rel="manifest" href="/manifest.json" crossorigin="use-credentials">
Perguntas sobre o favicon de ok.ru
Onde fica o favicon de ok.ru?
O principal está em https://ok.ru/favicon.svg. O caminho padrão, https://ok.ru/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de ok.ru?
favicon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é icon_pwa_512.png, com 512×512 px.
O Google Search consegue exibir o favicon de ok.ru?
O site cumpre as regras do Google: icon_pwa_192.png é um arquivo PNG de 192×192 (10,5 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
ok.ru tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 192×192. O manifest não tem ícone maskable, então o Android reduz o ícone comum e o coloca sobre um círculo branco.