favicon-checker.com

chase.comのファビコン

https://www.chase.com/ · リダイレクト 1回 · 確認日

  • 13合格
  • 4警告
  • 6不足
  • 4任意

chase.comのメインのファビコンはfavicon.icoで、16、32、48 pxの画像を含むICOファイル(14.7 KB)です。アイコンファイルは3件見つかり、合計は30.1 KBです。Google検索でも同じファイルを使えます。サイトのスコアは100点満点中59点で、合格13件、警告4件、不足6件です。不足: SVGファビコン、Apple touch icon、Webアプリマニフェストほか1件。

表示イメージ

見つかったファイルから生成しています。

Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com
ブラウザータブ · ライト合格
Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com
ブラウザータブ · ダーク合格
chase.comhttps://www.chase.com
Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com Chase online; credit cards, mortgages, commercial banking, auto loans, investing & retirement planning, checking and business banking.
Google検索警告
Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com
iOSのホーム画面不足

このURLは画像を返していません(image/avif)。

512
Android · maskable不足

マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。

splash
PWAのインストールとスプラッシュ不足

マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。

chase.comのファビコンファイル一覧

3件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16, 32, 48 px14.7 KB
favicon.icorel="icon"ICO16, 32, 48 px14.7 KB
favicon-76.pngrel="apple-touch-icon"WebP76×76616 B

従来のファビコン

合格 3件

favicon.ico

合格
GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
形式
ICO(本物)
含まれる画像
16 · 32 · 48
ファイルサイズ
14.7 KB
HTTP
200
Content-Type
image/x-icon
キャッシュ
10年

ICO

合格
<link rel="shortcut icon" href="/etc/designs/chase-ux/favicon.ico">
宣言値
サイズ指定なし
実際の値
16 · 32 · 48
形式
ICO
ファイルサイズ
14.7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

ICO

合格
<link rel="icon" href="/etc/designs/chase-ux/favicon.ico">
宣言値
サイズ指定なし
実際の値
16 · 32 · 48
形式
ICO
ファイルサイズ
14.7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVGアイコン

不足 1件
svg

SVGファビコン

不足
<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません

SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。

Apple

警告 1件 · 不足 3件 · 任意 1件
180

Apple touch icon

不足
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-152.png" sizes="152x152" type="image/png">

このURLは画像を返していません(image/avif)。

180

Apple touch icon

不足
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-120.png" sizes="120x120" type="image/png">

このURLは画像を返していません(image/avif)。

Apple touch icon

警告
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-76.png" sizes="76x76" type="image/png">
宣言値
76×76
実際の値
76×76
推奨
180×180
背景
未計測
ファイルサイズ
616 B
HTTP
200

iOSは76 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。iOSにはPNGが必要です。このファイルはWebPです。

180

Apple touch icon

不足
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-57.png" sizes="57x57" type="image/png">

このURLは画像を返していません(image/avif)。

mask

Safariのピン留めタブ(mask-icon)

任意
<link rel="mask-icon" href="…" color="…"> – 見つかりません

旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。

Webアプリマニフェスト

不足 1件
json

Webアプリマニフェスト

不足
<link rel="manifest" href="…"> – 見つかりません

Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。

Google検索

合格 5件 · 警告 1件
  • 対応しているファイル形式
    ICO · favicon.ico
  • 正方形で8×8 px以上
    48×48
  • 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。
    48 px
  • トップページで宣言されている
    はい
  • robots.txtでブロックされていない
    許可
  • URLが安定している
    リダイレクトなし

メタタグと旧仕様

合格 1件 · 任意 3件
  • theme-colorモバイルのブラウザーUIの色になります。
    未設定
  • ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"
    未設定
  • msapplication-TileColor
    #FFFFFF
  • browserconfig.xmlWindowsのタイル用。旧仕様です。
    なし

配信とパフォーマンス

合格 4件 · 警告 2件 · 不足 1件
  • すべてのアイコンがHTTPS
    3件中3件
  • 混在コンテンツなし
    http://リンク 0件
  • リンク切れなし/etc/designs/chase-ux/favicon-152.png, /etc/designs/chase-ux/favicon-120.png, /etc/designs/chase-ux/favicon-57.png
    エラー 3件
  • キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。
    3件中1件 · 1日以上
  • アイコンの合計容量
    30.1 KB
  • リダイレクト
    0
  • 重複するタグ同じサイズを宣言するrel="icon"タグが複数あり、ブラウザーは最後のものを使います。
    2 × サイズ指定なし

<head>内のアイコンタグ

<link rel="shortcut icon" href="/etc/designs/chase-ux/favicon.ico">
<link rel="icon" href="/etc/designs/chase-ux/favicon.ico">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-152.png" sizes="152x152" type="image/png">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-120.png" sizes="120x120" type="image/png">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-76.png" sizes="76x76" type="image/png">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-57.png" sizes="57x57" type="image/png">
<meta name="msapplication-TileImage" content="/etc/designs/chase-ux/favicon-144.png">
<meta name="msapplication-TileColor" content="#FFFFFF">

chase.comのファビコンに関するQ&A

chase.comのファビコンはどこにありますか?

メインのファビコンはhttps://www.chase.com/etc/designs/chase-ux/favicon.icoにあります。既定のパスhttps://www.chase.com/favicon.icoからもアイコンが返されます。

chase.comのファビコンのサイズは?

favicon.icoは16, 32, 48 pxです。サイト内で最も大きいラスターアイコンはfavicon-76.pngで、76×76 pxです。

Google検索でchase.comのファビコンは表示されますか?

サイトはGoogleの条件を満たしています。favicon.icoは16、32、48 pxの画像を含むICOファイル(14.7 KB)で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。

chase.comにApple touch iconとmaskableアイコンはありますか?

Apple touch iconは76×76です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。

ほかのファビコンレポート

チェック済みサイト一覧