kayak.comのファビコン
- 15合格
- 1警告
- 1不足
- 10任意
kayak.comのメインのファビコンはicon.svgで、247 BのSVGファイルです。アイコンファイルは9件見つかり、合計は52.6 KBです。Google検索ではapple-touch-icon.png(180×180のPNGファイル(7.4 KB))を使えます。サイトのスコアは100点満点中90点で、合格15件、警告1件、不足1件です。不足: Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
ダークテーマのタブでもアイコンが見えるか確認してください。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
kayak.comのファビコンファイル一覧
9件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 既定のパス | ICO | 16, 32, 48 px | 15.0 KB |
| icon.svg | rel="icon" | SVG | ベクター | 247 B |
| apple-touch-icon.png | rel="apple-touch-icon" · 既定のパス | PNG | 180×180 | 7.4 KB |
| apple-touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 2.1 KB |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 2.8 KB |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 4.6 KB |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | PNG | 152×152 | 6.0 KB |
| apple-touch-icon-167x167.png | rel="apple-touch-icon" | PNG | 167×167 | 7.0 KB |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 7.4 KB |
従来のファビコン
合格 1件favicon.ico
合格<link rel="icon" href="/favicon.ico" sizes="any">
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- キャッシュ
- 4時間
SVGアイコン
合格 1件SVGファビコン
合格<link rel="icon" href="/icon.svg" type="image/svg+xml">
- 正方形のviewBox
- はい
- ダークモード
- いいえ
- スクリプト
- なし
- ファイルサイズ
- 247 B
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。
Apple
合格 1件 · 任意 6件Apple touch icon
合格<link rel="apple-touch-icon" href="/apple-touch-icon.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 7.4 KB
- HTTP
- 200
Apple touch icon 60×60
任意<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
- 宣言値
- 60×60
- 実際の値
- 60×60
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.1 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 76×76
任意<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
- 宣言値
- 76×76
- 実際の値
- 76×76
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.8 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 120×120
任意<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
- 宣言値
- 120×120
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 4.6 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 152×152
任意<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
- 宣言値
- 152×152
- 実際の値
- 152×152
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 6.0 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 167×167
任意<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
- 宣言値
- 167×167
- 実際の値
- 167×167
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 7.0 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件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件- すべてのアイコンがHTTPS9件中9件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。9件中0件 · 1日以上
- アイコンの合計容量52.6 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" href="/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
kayak.comのファビコンに関するQ&A
kayak.comのファビコンはどこにありますか?
メインのファビコンはhttps://www.kayak.com/icon.svgにあります。既定のパスhttps://www.kayak.com/favicon.icoからもアイコンが返されます。
kayak.comのファビコンのサイズは?
icon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはapple-touch-icon.pngで、180×180 pxです。
Google検索でkayak.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon.pngは180×180のPNGファイル(7.4 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
kayak.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。