ブラウザータブ · ライト合格
cloudflare.comのファビコン
- 8合格
- 4警告
- 4不足
- 4任意
cloudflare.comのメインのファビコンはfavicon.icoで、99×96のPNGファイル（908 B）です。アイコンファイルは1件見つかり、合計は908 Bです。Google検索で使えるアイコンはありません。サイトのスコアは100点満点中55点で、合格8件、警告4件、不足4件です。不足: SVGファビコン、Apple touch icon、Webアプリマニフェストほか1件。
表示イメージ
見つかったファイルから生成しています。
ブラウザータブ · ダーク合格
cloudflare.comhttps://www.cloudflare.com
Google検索不足
Cloudflare: Build for the agent era
iOSのホーム画面不足
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
512
Android · maskable不足
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
splash
PWAのインストールとスプラッシュ不足
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
cloudflare.comのファビコンファイル一覧
1件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 既定のパス | PNG | 99×96 | 908 B |
従来のファビコン
警告 1件favicon.ico
警告<link rel="icon" type="image/x-icon" href="/favicon.ico">
- 形式
- PNG（ICOではない）
- 含まれる画像
- 99×96
- ファイルサイズ
- 908 B
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- キャッシュ
- 0秒
拡張子は.icoですが、中身はPNGファイルです。ブラウザーでは表示されますが、古いツールは本物のICOを前提にしています。
SVGアイコン
不足 1件svg
SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
不足 1件 · 任意 1件180
Apple touch icon
不足<link rel="apple-touch-icon" href="…"> – 見つかりません
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
mask
Safariのピン留めタブ（mask-icon）
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件json
Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 2件 · 警告 1件 · 不足 1件- 対応しているファイル形式PNG
- 正方形で8×8 px以上Googleには正方形（1:1）のアイコンが必要です。正方形のアイコンなし
- 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。–
- トップページで宣言されているはい
メタタグと旧仕様
合格 1件 · 任意 3件- theme-color#ff4801
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 5件 · 警告 2件- すべてのアイコンがHTTPS1件中1件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。1件中0件 · 1日以上
- アイコンの合計容量908 B
- リダイレクト0
- 重複するタグ同じサイズを宣言するrel="icon"タグが複数あり、ブラウザーは最後のものを使います。2 × サイズ指定なし
<head>内のアイコンタグ
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <meta name="theme-color" content="#ff4801" media="(max-width: 767px)">
cloudflare.comのファビコンに関するQ&A
cloudflare.comのファビコンはどこにありますか？
メインのファビコンはhttps://www.cloudflare.com/favicon.icoにあります。
cloudflare.comのファビコンのサイズは？
favicon.icoは99×96です。
Google検索でcloudflare.comのファビコンは表示されますか？
現状では表示されません。Googleには、トップページで宣言された、ICO、PNG、GIF、JPEG、BMPのいずれかの正方形のアイコンが必要です。
cloudflare.comにApple touch iconとmaskableアイコンはありますか？
Apple touch iconがないため、iOSはページのスクリーンショットか頭文字を使います。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。