ブラウザータブ · ライト合格
github.comのファビコン
- 23合格
- 5警告
- 1不足
- 4任意
github.comのメインのファビコンはfavicon.svgで、959 BのSVGファイルです。アイコンファイルは15件見つかり、合計は115.2 KBです。Google検索ではfavicon.png（32×32のPNGファイル（958 B））を使えます。サイトのスコアは100点満点中88点で、合格23件、警告5件、不足1件です。不足: maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
ブラウザータブ · ダーク任意
ダークテーマのタブでもアイコンが見えるか確認してください。
GitHubhttps://github.com
Google検索警告
GitHub
iOSのホーム画面警告
iOSは120 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。
Android · maskable不足
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
GitHub
PWAのインストールとスプラッシュ合格
github.comのファビコンファイル一覧
15件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32 px | 6.4 KB |
| pinned-octocat-093da3e6fa40.svg | rel="mask-icon" | SVG | ベクター | 1009 B |
| favicon.png | rel="icon" | PNG | 32×32 | 958 B |
| favicon.svg | rel="icon" | SVG | ベクター | 959 B |
| apple-touch-icon.png | 既定のパス | PNG | 120×120 | 10.7 KB |
| app-icon-192-bcc967ab9829.png | マニフェスト | PNG | 192×192 | 2.9 KB |
| app-icon-512-7f9c4ff2e960.png | マニフェスト | PNG | 512×512 | 9.6 KB |
| apple-touch-icon-114x114-09ce42d3ca4b.png | マニフェスト | PNG | 114×114 | 9.8 KB |
| apple-touch-icon-120x120-92bd46d04241.png | マニフェスト | PNG | 120×120 | 10.7 KB |
| apple-touch-icon-144x144-b882e354c005.png | マニフェスト | PNG | 144×144 | 14.1 KB |
| apple-touch-icon-152x152-5f777cdc30ae.png | マニフェスト | PNG | 152×152 | 16.3 KB |
| apple-touch-icon-180x180-a80b8e11abe2.png | マニフェスト | PNG | 180×180 | 20.6 KB |
| apple-touch-icon-57x57-22f09f5b3a64.png | マニフェスト | PNG | 57×57 | 3.2 KB |
| apple-touch-icon-60x60-19037ac897bf.png | マニフェスト | PNG | 60×60 | 3.5 KB |
| apple-touch-icon-72x72-e090c8a282d0.png | マニフェスト | PNG | 72×72 | 4.4 KB |
従来のファビコン
合格 2件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません（ルートで検出）
- 形式
- ICO（本物）
- 含まれる画像
- 16 · 32
- ファイルサイズ
- 6.4 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 10年
PNG
合格<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 958 B
- HTTP
- 200
- Content-Type
- image/png
SVGアイコン
合格 1件SVGファビコン
合格<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
- 正方形のviewBox
- はい
- ダークモード
- いいえ
- スクリプト
- なし
- ファイルサイズ
- 959 B
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。
Apple
合格 1件 · 警告 1件Apple touch icon
警告未宣言 · /apple-touch-icon.pngで検出
- 宣言値
- 未宣言
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 10.7 KB
- HTTP
- 200
iOSは120 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。
Safariのピン留めタブ（mask-icon）
合格<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
- 色
- #000000
- ファイルサイズ
- 1009 B
旧仕様です。Safari 12以降は通常のファビコンを使います。
Webアプリマニフェスト
合格 1件json
manifest.json
合格<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- 有効
- ファイルサイズ
- 1.4 KB
- 同一オリジン
- はい
- キャッシュ
- 7日
マニフェストのフィールド
合格 6件 · 警告 2件 · 不足 1件 · 任意 1件- nameGitHub
- short_nameGitHub
- start_url/
- displaystandalone
- theme_colorインストールしたアプリのタイトルバーの色になります。未設定
- background_colorスプラッシュ画面の背景色です。未設定
- icons · 192×192PNG · 2.9 KB · 200
- icons · 512×512PNG · 9.6 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 5件 · 警告 1件- 対応しているファイル形式PNG · favicon.png
- 正方形で8×8 px以上32×32
- 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。32 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 1件 · 任意 3件- theme-color#1e2327
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS15件中15件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。15件中12件 · 1日以上
- アイコンの合計容量115.2 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000"> <link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png"> <link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials"> <meta name="theme-color" content="#1e2327">
github.comのファビコンに関するQ&A
github.comのファビコンはどこにありますか？
メインのファビコンはhttps://github.githubassets.com/favicons/favicon.svgにあります。既定のパスhttps://github.com/favicon.icoからもアイコンが返されます。
github.comのファビコンのサイズは？
favicon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはapp-icon-512-7f9c4ff2e960.pngで、512×512 pxです。
Google検索でgithub.comのファビコンは表示されますか？
サイトはGoogleの条件を満たしています。favicon.pngは32×32のPNGファイル（958 B）で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。
github.comにApple touch iconとmaskableアイコンはありますか？
Apple touch iconは120×120です。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。