x.comのファビコン
- 23合格
- 3警告
- 3不足
- 3任意
x.comのメインのファビコンはfavicon.icoで、32×32のPNGファイル(549 B)です。アイコンファイルは2件見つかり、合計は13.4 KBです。Google検索ではapple-touch-icon.png(1024×1024のPNGファイル(12.9 KB))を使えます。サイトのスコアは100点満点中83点で、合格23件、警告3件、不足3件です。不足: SVGファビコン、512 pxのマニフェストアイコン、maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
x.comのファビコンファイル一覧
2件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 既定のパス | PNG | 32×32 | 549 B |
| apple-touch-icon.png | rel="apple-touch-icon" · マニフェスト · 既定のパス | PNG | 1024×1024 | 12.9 KB |
従来のファビコン
警告 1件favicon.ico
警告<link rel="icon" href="/favicon.ico">
- 形式
- PNG(ICOではない)
- 含まれる画像
- 32×32
- ファイルサイズ
- 549 B
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- no-cache
拡張子は.icoですが、中身はPNGファイルです。ブラウザーでは表示されますが、古いツールは本物のICOを前提にしています。
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
合格 1件 · 任意 1件Apple touch icon
合格<link rel="apple-touch-icon" sizes="192x192" href="/apple-touch-icon.png">
- 宣言値
- 192×192
- 実際の値
- 1024×1024
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 12.9 KB
- HTTP
- 200
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- 有効
- ファイルサイズ
- 447 B
- 同一オリジン
- はい
- キャッシュ
- 1時間
マニフェストのフィールド
合格 7件 · 警告 1件 · 不足 2件- nameX
- short_nameX
- start_url/home
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192宣言は192×192、実際は1024×1024です。PNG · 12.9 KB · 200
- icons · 512×512インストールのプロンプトとスプラッシュ画面に必要です。なし
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id/
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon.png
- 正方形で8×8 px以上1024×1024
- 48×48 pxより大きい1024 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 2件 · 任意 2件- theme-color#FFFFFF
- ダークモード用のtheme-color#000000
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS2件中2件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。2件中0件 · 1日以上
- アイコンの合計容量13.4 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="apple-touch-icon" sizes="192x192" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <link rel="icon" href="/favicon.ico"> <meta name="theme-color" media="(prefers-color-scheme: light)" content="#FFFFFF"> <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000000">
x.comのファビコンに関するQ&A
x.comのファビコンはどこにありますか?
メインのファビコンはhttps://x.com/favicon.icoにあります。
x.comのファビコンのサイズは?
favicon.icoは32×32です。サイト内で最も大きいラスターアイコンはapple-touch-icon.pngで、1024×1024 pxです。
Google検索でx.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon.pngは1024×1024のPNGファイル(12.9 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
x.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは1024×1024です。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。