ブラウザータブ · ライト合格
stackexchange.comのファビコン
- 14合格
- 2警告
- 2不足
- 5任意
stackexchange.comのメインのファビコンはfavicon.icoで、16、32、48 pxの画像を含むICOファイル（7.2 KB）です。アイコンファイルは3件見つかり、合計は15.3 KBです。Google検索ではapple-touch-icon.png（180×180のPNGファイル（879 B））を使えます。サイトのスコアは100点満点中81点で、合格14件、警告2件、不足2件です。不足: SVGファビコン、Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
ブラウザータブ · ダーク任意
ダークテーマのタブでもアイコンが見えるか確認してください。
stackexchange.comhttps://stackexchange.com
Google検索合格
Hot Questions - Stack Exchange
iOSのホーム画面合格
512
Android · maskable不足
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
splash
PWAのインストールとスプラッシュ不足
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
stackexchange.comのファビコンファイル一覧
3件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 7.2 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 7.2 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 879 B |
従来のファビコン
合格 1件 · 警告 1件favicon.ico
警告GET /favicon.ico · HTMLで宣言されていません（ルートで検出）
- 形式
- ICO（本物）
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 7.2 KB
- HTTP
- 302 → 200
- Content-Type
- image/x-icon
- キャッシュ
- 7日
アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。
ICO 32×32
合格<link rel="icon" sizes="32x32" href="https://cdn.sstatic.net/Sites/stackexchange/Img/favicon.ico">
- 宣言値
- 32×32
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 7.2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVGアイコン
不足 1件svg
SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
合格 1件 · 任意 1件Apple touch icon
合格<link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackexchange/Img/apple-touch-icon.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 879 B
- HTTP
- 200
mask
Safariのピン留めタブ（mask-icon）
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件json
Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon.png
- 正方形で8×8 px以上180×180
- 48×48 pxより大きい180 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS3件中3件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー3件中3件 · 1日以上
- アイコンの合計容量15.3 KB
- リダイレクト/favicon.ico → https://cdn.sstatic.net/Sites/stackexchange/Img/favicon.ico1
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" sizes="32x32" href="https://cdn.sstatic.net/Sites/stackexchange/Img/favicon.ico"> <link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackexchange/Img/apple-touch-icon.png">
stackexchange.comのファビコンに関するQ&A
stackexchange.comのファビコンはどこにありますか？
メインのファビコンはhttps://cdn.sstatic.net/Sites/stackexchange/Img/favicon.icoにあります。既定のパスhttps://stackexchange.com/favicon.icoからもアイコンが返されます。
stackexchange.comのファビコンのサイズは？
favicon.icoは16, 32, 48 pxです。サイト内で最も大きいラスターアイコンはapple-touch-icon.pngで、180×180 pxです。
Google検索でstackexchange.comのファビコンは表示されますか？
サイトはGoogleの条件を満たしています。apple-touch-icon.pngは180×180のPNGファイル（879 B）で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
stackexchange.comにApple touch iconとmaskableアイコンはありますか？
Apple touch iconは180×180です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。