theverge.comのファビコン
- 19合格
- 3警告
- 2不足
- 4任意
theverge.comのメインのファビコンはfavicon-32x32.pngで、32×32のPNGファイル(1.3 KB)です。アイコンファイルは9件見つかり、合計は64.2 KBです。Google検索ではandroid-chrome-512x512.png(512×512のPNGファイル(17.0 KB))を使えます。サイトのスコアは100点満点中82点で、合格19件、警告3件、不足2件です。不足: SVGファビコン、Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
theverge.comのファビコンファイル一覧
9件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 2.8 KB |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 1.3 KB |
| favicon-96x96.png | rel="icon" | PNG | 96×96 | 2.2 KB |
| favicon-16x16.png | rel="icon" | PNG | 16×16 | 934 B |
| safari-pinned-tab.svg | rel="mask-icon" | SVG | ベクター | 5.3 KB |
| android-chrome-192x192.png | rel="icon" | PNG | 192×192 | 5.2 KB |
| android-chrome-512x512.png | rel="icon" | PNG | 512×512 | 17.0 KB |
従来のファビコン
合格 6件 · 警告 1件favicon.ico
警告GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 14.7 KB
- HTTP
- 301 → 200
- Content-Type
- image/x-icon
- キャッシュ
- 4時間
アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。
ICO
合格<link rel="shortcut icon" href="/static-assets/icons/favicon.ico" data-next-head="">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
PNG 32×32
合格<link rel="icon" type="image/png" sizes="32x32" href="/static-assets/icons/favicon-32x32.png" data-next-head="">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 1.3 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 96×96
合格<link rel="icon" type="image/png" sizes="96x96" href="/static-assets/icons/favicon-96x96.png" data-next-head="">
- 宣言値
- 96×96
- 実際の値
- 96×96
- 形式
- PNG
- ファイルサイズ
- 2.2 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
合格<link rel="icon" type="image/png" sizes="16x16" href="/static-assets/icons/favicon-16x16.png" data-next-head="">
- 宣言値
- 16×16
- 実際の値
- 16×16
- 形式
- PNG
- ファイルサイズ
- 934 B
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
合格<link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-192x192.png" sizes="192x192" data-next-head="">
- 宣言値
- 192×192
- 実際の値
- 192×192
- 形式
- PNG
- ファイルサイズ
- 5.2 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 512×512
合格<link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-512x512.png" sizes="512x512" data-next-head="">
- 宣言値
- 512×512
- 実際の値
- 512×512
- 形式
- PNG
- ファイルサイズ
- 17.0 KB
- HTTP
- 200
- Content-Type
- image/png
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
合格 2件Apple touch icon
合格<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/icons/apple-touch-icon.png" data-next-head="">
- 宣言値
- 180×180
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 2.8 KB
- HTTP
- 200
Safariのピン留めタブ(mask-icon)
合格<link rel="mask-icon" href="/static-assets/icons/safari-pinned-tab.svg" data-next-head="">
- 色
- 未設定
- ファイルサイズ
- 5.3 KB
旧仕様です。Safari 12以降は通常のファビコンを使います。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 6件- 対応しているファイル形式PNG · android-chrome-512x512.png
- 正方形で8×8 px以上512×512
- 48×48 pxより大きい512 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 5件 · 警告 2件- すべてのアイコンがHTTPS9件中9件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。9件中0件 · 1日以上
- アイコンの合計容量64.2 KB
- リダイレクト/favicon.ico → https://cdn.vox-cdn.com/verge/favicon.ico1
- 重複するタグなし
<head>内のアイコンタグ
<link rel="shortcut icon" href="/static-assets/icons/favicon.ico" data-next-head=""> <link rel="apple-touch-icon" sizes="180x180" href="/static-assets/icons/apple-touch-icon.png" data-next-head=""> <link rel="icon" type="image/png" sizes="32x32" href="/static-assets/icons/favicon-32x32.png" data-next-head=""> <link rel="icon" type="image/png" sizes="96x96" href="/static-assets/icons/favicon-96x96.png" data-next-head=""> <link rel="icon" type="image/png" sizes="16x16" href="/static-assets/icons/favicon-16x16.png" data-next-head=""> <link rel="mask-icon" href="/static-assets/icons/safari-pinned-tab.svg" data-next-head=""> <link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-192x192.png" sizes="192x192" data-next-head=""> <link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-512x512.png" sizes="512x512" data-next-head="">
theverge.comのファビコンに関するQ&A
theverge.comのファビコンはどこにありますか?
メインのファビコンはhttps://www.theverge.com/static-assets/icons/favicon-32x32.pngにあります。既定のパスhttps://www.theverge.com/favicon.icoからもアイコンが返されます。
theverge.comのファビコンのサイズは?
favicon-32x32.pngは32×32です。サイト内で最も大きいラスターアイコンはandroid-chrome-512x512.pngで、512×512 pxです。
Google検索でtheverge.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。android-chrome-512x512.pngは512×512のPNGファイル(17.0 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
theverge.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。