mit.eduのファビコン
- 17合格
- 7警告
- 2不足
- 7任意
mit.eduのメインのファビコンはfavicon.svgで、484 BのSVGファイルです。アイコンファイルは6件見つかり、合計は44.6 KBです。Google検索ではapple-touch-icon.png(180×180のPNGファイル(2.7 KB))を使えます。サイトのスコアは100点満点中81点で、合格17件、警告7件、不足2件です。不足: name、maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
ダークテーマのタブでもアイコンが見えるか確認してください。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
mit.eduのファビコンファイル一覧
6件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 15.0 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15.0 KB |
| favicon.svg | rel="icon" | SVG | ベクター | 484 B |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 2.7 KB |
| favicon-192x192.png | マニフェスト | PNG | 192×192 | 2.9 KB |
| favicon-512x512.png | マニフェスト | PNG | 512×512 | 8.4 KB |
従来のファビコン
合格 2件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 4時間
ICO 32×32
合格<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32">
- 宣言値
- 32×32
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVGアイコン
合格 1件SVGファビコン
合格<link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml">
- 正方形のviewBox
- はい
- ダークモード
- いいえ
- スクリプト
- なし
- ファイルサイズ
- 484 B
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。
Apple
警告 1件 · 任意 1件Apple touch icon
警告<link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 2.7 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
警告 1件manifest.webmanifest
警告<link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- text/plain
- JSON
- 有効
- ファイルサイズ
- 231 B
- 同一オリジン
- はい
- キャッシュ
- 14分
マニフェストはapplication/manifest+jsonで配信してください。
マニフェストのフィールド
合格 2件 · 警告 4件 · 不足 2件 · 任意 2件- nameサイトをインストールしたとき、アイコンの下に表示されます。未設定
- short_namenameが長すぎるとき、ホーム画面で使われます。未設定
- start_urlインストールしたアプリの起動時に開くページです。未設定
- display既定値は"browser"で、インストールできません。未設定
- theme_colorインストールしたアプリのタイトルバーの色になります。未設定
- background_colorスプラッシュ画面の背景色です。未設定
- icons · 192×192PNG · 2.9 KB · 200
- icons · 512×512PNG · 8.4 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
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件- すべてのアイコンがHTTPS6件中6件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。6件中0件 · 1日以上
- アイコンの合計容量44.6 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png"> <link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
mit.eduのファビコンに関するQ&A
mit.eduのファビコンはどこにありますか?
メインのファビコンはhttps://web.mit.edu/themes/mit/assets/favicon/favicon.svgにあります。既定のパスhttps://web.mit.edu/favicon.icoからもアイコンが返されます。
mit.eduのファビコンのサイズは?
favicon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはfavicon-512x512.pngで、512×512 pxです。
Google検索でmit.eduのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon.pngは180×180のPNGファイル(2.7 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
mit.eduにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。