time.comのファビコン
- 24合格
- 2警告
- 3不足
- 6任意
time.comのメインのファビコンはfavicon-32x32.pngで、32×32のPNGファイル(944 B)です。アイコンファイルは5件見つかり、合計は10.4 KBです。Google検索ではandroid-chrome-192x192.png(192×192のPNGファイル(2.3 KB))を使えます。サイトのスコアは100点満点中82点で、合格24件、警告2件、不足3件です。不足: favicon.ico、SVGファビコン、maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
time.comのファビコンファイル一覧
5件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon-16x16.png | rel="icon" · マニフェスト | PNG | 16×16 | 689 B |
| favicon-32x32.png | rel="icon" · マニフェスト | PNG | 32×32 | 944 B |
| android-chrome-192x192.png | rel="icon" · マニフェスト | PNG | 192×192 | 2.3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" · マニフェスト | PNG | 180×180 | 2.2 KB |
| android-chrome-512x512.png | マニフェスト | PNG | 512×512 | 4.3 KB |
従来のファビコン
合格 3件 · 不足 1件favicon.ico
不足GET /favicon.ico – 見つかりません
- HTTP
- 404
HTMLで別のアイコンを宣言していても、ブラウザー、RSSリーダー、多くのクローラーは/favicon.icoをリクエストします。ファイルがHTTP 404を返しています。
PNG 16×16
合格<link rel="icon" href="/favicon/favicon-16x16.png" sizes="16x16" type="image/png">
- 宣言値
- 16×16
- 実際の値
- 16×16
- 形式
- PNG
- ファイルサイズ
- 689 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
合格<link rel="icon" href="/favicon/favicon-32x32.png" sizes="32x32" type="image/png">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 944 B
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
合格<link rel="icon" href="/favicon/android-chrome-192x192.png" sizes="192x192" type="image/png">
- 宣言値
- 192×192
- 実際の値
- 192×192
- 形式
- PNG
- ファイルサイズ
- 2.3 KB
- HTTP
- 200
- Content-Type
- image/png
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 任意 1件Apple touch icon
警告<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 2.2 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.webmanifest
合格<link rel="manifest" href="/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- 有効
- ファイルサイズ
- 534 B
- 同一オリジン
- はい
- キャッシュ
- 5分
マニフェストのフィールド
合格 8件 · 不足 1件 · 任意 1件- nameTIME
- short_nameTIME
- start_url/
- displaystandalone
- theme_color#E7131A
- background_colorwhite
- icons · 192×192PNG · 2.3 KB · 200
- icons · 512×512PNG · 4.3 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · android-chrome-192x192.png
- 正方形で8×8 px以上192×192
- 48×48 pxより大きい192 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS5件中5件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。5件中0件 · 1日以上
- アイコンの合計容量10.4 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="manifest" href="/manifest.webmanifest"> <link rel="icon" href="/favicon/favicon-16x16.png" sizes="16x16" type="image/png"> <link rel="icon" href="/favicon/favicon-32x32.png" sizes="32x32" type="image/png"> <link rel="icon" href="/favicon/android-chrome-192x192.png" sizes="192x192" type="image/png"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
time.comのファビコンに関するQ&A
time.comのファビコンはどこにありますか?
メインのファビコンはhttps://time.com/favicon/favicon-32x32.pngにあります。
time.comのファビコンのサイズは?
favicon-32x32.pngは32×32です。サイト内で最も大きいラスターアイコンはandroid-chrome-512x512.pngで、512×512 pxです。
Google検索でtime.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。android-chrome-192x192.pngは192×192のPNGファイル(2.3 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
time.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。