favicon-checker.com

khanacademy.orgのファビコン

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

  • 14合格
  • 2警告
  • 2不足
  • 8任意

khanacademy.orgのメインのファビコンはfavicon.icoで、32 pxの画像を含むICOファイル(4.2 KB)です。アイコンファイルは6件見つかり、合計は11.1 KBです。Google検索ではapple-touch-icon-144x144-precomposed.new.png(144×144のPNGファイル(934 B))を使えます。サイトのスコアは100点満点中83点で、合格14件、警告2件、不足2件です。不足: SVGファビコン、Webアプリマニフェスト。

表示イメージ

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

Khan Academy
ブラウザータブ · ライト合格
Khan Academy
ブラウザータブ · ダーク合格
khanacademy.orghttps://www.khanacademy.org
Khan Academy
Google検索合格
Khan Academy
iOSのホーム画面警告

iOSは144 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。

512
Android · maskable不足

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

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

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

khanacademy.orgのファビコンファイル一覧

6件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO32 px4.2 KB
favicon.icorel="icon"ICO32 px4.2 KB
apple-touch-icon-57x57-precomposed.new.pngrel="apple-touch-icon"PNG57×57510 B
apple-touch-icon-72x72-precomposed.new.pngrel="apple-touch-icon"PNG72×72569 B
apple-touch-icon-114x114-precomposed.new.pngrel="apple-touch-icon"PNG114×114779 B
apple-touch-icon-144x144-precomposed.new.pngrel="apple-touch-icon"PNG144×144934 B

従来のファビコン

合格 2件

favicon.ico

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

ICO

合格
<link rel="shortcut icon" href="https://cdn.kastatic.org/images/favicon.ico?logo">
宣言値
サイズ指定なし
実際の値
32
形式
ICO
ファイルサイズ
4.2 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVGアイコン

不足 1件
svg

SVGファビコン

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

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

Apple

警告 1件 · 任意 4件

Apple touch icon 57×57

任意
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://cdn.kastatic.org/images/apple-touch-icon-57x57-precomposed.new.png">
宣言値
57×57
実際の値
57×57
推奨
180×180
背景
未計測
ファイルサイズ
510 B
HTTP
200

旧サイズです。現在のiOSは180 pxのアイコンを使います。

Apple touch icon 72×72

任意
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.kastatic.org/images/apple-touch-icon-72x72-precomposed.new.png">
宣言値
72×72
実際の値
72×72
推奨
180×180
背景
未計測
ファイルサイズ
569 B
HTTP
200

旧サイズです。現在のiOSは180 pxのアイコンを使います。

Apple touch icon 114×114

任意
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.kastatic.org/images/apple-touch-icon-114x114-precomposed.new.png">
宣言値
114×114
実際の値
114×114
推奨
180×180
背景
未計測
ファイルサイズ
779 B
HTTP
200

旧サイズです。現在のiOSは180 pxのアイコンを使います。

Apple touch icon

警告
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://cdn.kastatic.org/images/apple-touch-icon-144x144-precomposed.new.png">
宣言値
144×144
実際の値
144×144
推奨
180×180
背景
不透過
ファイルサイズ
934 B
HTTP
200

iOSは144 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。

mask

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

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

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

Webアプリマニフェスト

不足 1件
json

Webアプリマニフェスト

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

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

Google検索

合格 6件
  • 対応しているファイル形式
    PNG · apple-touch-icon-144x144-precomposed.new.png
  • 正方形で8×8 px以上
    144×144
  • 48×48 pxより大きい
    144 px
  • トップページで宣言されている
    はい
  • robots.txtでブロックされていない
    許可
  • URLが安定している
    リダイレクトなし

メタタグと旧仕様

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

配信とパフォーマンス

合格 6件 · 警告 1件
  • すべてのアイコンがHTTPS
    6件中6件
  • 混在コンテンツなし
    http://リンク 0件
  • リンク切れなし
    エラー 0件
  • キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。
    6件中5件 · 1日以上
  • アイコンの合計容量
    11.1 KB
  • リダイレクト
    0
  • 重複するタグ
    なし

<head>内のアイコンタグ

<link rel="shortcut icon" href="https://cdn.kastatic.org/images/favicon.ico?logo">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://cdn.kastatic.org/images/apple-touch-icon-57x57-precomposed.new.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://cdn.kastatic.org/images/apple-touch-icon-72x72-precomposed.new.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://cdn.kastatic.org/images/apple-touch-icon-114x114-precomposed.new.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://cdn.kastatic.org/images/apple-touch-icon-144x144-precomposed.new.png">

khanacademy.orgのファビコンに関するQ&A

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

メインのファビコンはhttps://cdn.kastatic.org/images/favicon.ico?logoにあります。既定のパスhttps://www.khanacademy.org/favicon.icoからもアイコンが返されます。

khanacademy.orgのファビコンのサイズは?

favicon.icoは32 pxです。サイト内で最も大きいラスターアイコンはapple-touch-icon-144x144-precomposed.new.pngで、144×144 pxです。

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

サイトはGoogleの条件を満たしています。apple-touch-icon-144x144-precomposed.new.pngは144×144のPNGファイル(934 B)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。

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

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

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

チェック済みサイト一覧