ok.ruのファビコン
- 26合格
- 3警告
- 1不足
- 5任意
ok.ruのメインのファビコンはfavicon.svgで、2.0 KBのSVGファイルです。アイコンファイルは11件見つかり、合計は77.2 KBです。Google検索ではicon_pwa_192.png(192×192のPNGファイル(10.5 KB))を使えます。サイトのスコアは100点満点中93点で、合格26件、警告3件、不足1件です。不足: maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
ダークテーマのタブでもアイコンが見えるか確認してください。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
ok.ruのファビコンファイル一覧
11件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 既定のパス | ICO | 16, 32 px | 5.3 KB |
| favicon.svg | rel="icon" | SVG | ベクター | 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 | マニフェスト | PNG | 192×192 | 8.0 KB |
| icon_pwa_512.png | マニフェスト | PNG | 512×512 | 36.5 KB |
| icon_pwa_96.png | マニフェスト | PNG | 96×96 | 3.3 KB |
| icon_pwa_128.png | マニフェスト | PNG | 128×128 | 4.7 KB |
| icon_pwa_144.png | マニフェスト | PNG | 144×144 | 5.5 KB |
従来のファビコン
合格 4件favicon.ico
合格<link sizes="16x16" rel="shortcut icon" id="favicon" href="/favicon.ico" type="image/x-icon">
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32
- ファイルサイズ
- 5.3 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- なし
PNG 16×16
合格<link rel="icon" type="image/png" sizes="16x16" href="/res/i/logo_ok_16-r23.png">
- 宣言値
- 16×16
- 実際の値
- 16×16
- 形式
- PNG
- ファイルサイズ
- 312 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
合格<link rel="icon" type="image/png" sizes="32x32" href="/res/i/logo_ok_32-r23.png">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 519 B
- HTTP
- 200
- Content-Type
- image/png
PNG 42×42
合格<link rel="icon" type="image/png" sizes="42x42" href="/res/i/logo_ok_42-r23.png">
- 宣言値
- 42×42
- 実際の値
- 42×42
- 形式
- PNG
- ファイルサイズ
- 614 B
- HTTP
- 200
- Content-Type
- image/png
SVGアイコン
合格 1件SVGファビコン
合格<link rel="icon" href="/favicon.svg" type="image/svg+xml">
- 正方形のviewBox
- はい
- ダークモード
- いいえ
- スクリプト
- なし
- ファイルサイズ
- 2.0 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。
Apple
合格 1件 · 任意 1件Apple touch icon
合格<link rel="apple-touch-icon" type="image/png" href="/res/i/pwa/icons/icon_pwa_192.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 192×192
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 10.5 KB
- HTTP
- 200
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.json
合格<link id="manifest" rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 1.2 KB
- 同一オリジン
- はい
- キャッシュ
- なし
マニフェストのフィールド
合格 8件 · 警告 1件 · 不足 1件- nameОдноклассники
- short_nameОК
- start_url/?st.from=pwa
- displaystandalone
- theme_colorインストールしたアプリのタイトルバーの色になります。未設定
- background_color#fff
- icons · 192×192PNG · 8.0 KB · 200
- icons · 512×512PNG · 36.5 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id/
Google検索
合格 6件- 対応しているファイル形式PNG · icon_pwa_192.png
- 正方形で8×8 px以上192×192
- 48×48 pxより大きい192 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 5件 · 警告 2件- すべてのアイコンがHTTPS11件中11件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。11件中5件 · 1日以上
- アイコンの合計容量77.2 KB
- リダイレクト0
- 重複するタグ同じサイズを宣言するrel="icon"タグが複数あり、ブラウザーは最後のものを使います。2 × sizes="16x16"
<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">
ok.ruのファビコンに関するQ&A
ok.ruのファビコンはどこにありますか?
メインのファビコンはhttps://ok.ru/favicon.svgにあります。既定のパスhttps://ok.ru/favicon.icoからもアイコンが返されます。
ok.ruのファビコンのサイズは?
favicon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはicon_pwa_512.pngで、512×512 pxです。
Google検索でok.ruのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。icon_pwa_192.pngは192×192のPNGファイル(10.5 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
ok.ruにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは192×192です。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。