techcrunch.comのファビコン
- 14合格
- 3警告
- 2不足
- 5任意
techcrunch.comのメインのファビコンはcropped-cropped-favicon-gradient.pngで、32×32のPNGファイル(1020 B)です。アイコンファイルは4件見つかり、合計は19.4 KBです。Google検索でも同じファイルを使えます。サイトのスコアは100点満点中81点で、合格14件、警告3件、不足2件です。不足: SVGファビコン、Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
iOSにはPNGが必要です。このファイルはWebPです。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
techcrunch.comのファビコンファイル一覧
4件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16 px | 198 B |
| cropped-cropped-favicon-gradient.png | rel="icon" | PNG | 32×32 | 1020 B |
| cropped-cropped-favicon-gradient.png | rel="icon" | WebP | 192×192 | 9.7 KB |
| cropped-cropped-favicon-gradient.png | rel="apple-touch-icon" | WebP | 180×180 | 8.5 KB |
従来のファビコン
合格 3件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16
- ファイルサイズ
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 4時間
PNG 32×32
合格<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32" sizes="32x32">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 1020 B
- HTTP
- 200
- Content-Type
- image/png
WebP 192×192
合格<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=192" sizes="192x192">
- 宣言値
- 192×192
- 実際の値
- 192×192
- 形式
- WebP
- ファイルサイズ
- 9.7 KB
- HTTP
- 200
- Content-Type
- image/webp
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 任意 1件Apple touch icon
警告<link rel="apple-touch-icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=180">
- 宣言値
- サイズ指定なし
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 8.5 KB
- HTTP
- 200
iOSにはPNGが必要です。このファイルはWebPです。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 5件 · 警告 1件- 対応しているファイル形式PNG · cropped-cropped-favicon-gradient.png
- 正方形で8×8 px以上32×32
- 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。32 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS4件中4件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。4件中3件 · 1日以上
- アイコンの合計容量19.4 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32" sizes="32x32"> <link rel="icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=192" sizes="192x192"> <link rel="apple-touch-icon" href="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=180"> <meta name="msapplication-TileImage" content="https://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=270">
techcrunch.comのファビコンに関するQ&A
techcrunch.comのファビコンはどこにありますか?
メインのファビコンはhttps://techcrunch.com/wp-content/uploads/2015/02/cropped-cropped-favicon-gradient.png?w=32にあります。既定のパスhttps://techcrunch.com/favicon.icoからもアイコンが返されます。
techcrunch.comのファビコンのサイズは?
cropped-cropped-favicon-gradient.pngは32×32です。サイト内で最も大きいラスターアイコンはcropped-cropped-favicon-gradient.pngで、192×192 pxです。
Google検索でtechcrunch.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。cropped-cropped-favicon-gradient.pngは32×32のPNGファイル(1020 B)で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。
techcrunch.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。