blogger.comのファビコン
- 20合格
- 6警告
- 7不足
- 9任意
blogger.comのメインのファビコンはfavicon-32x32.pngで、32×32のPNGファイル(448 B)です。アイコンファイルは13件見つかり、合計は17.5 KBです。Google検索ではandroid-chrome-192x192.png(192×192のPNGファイル(1.9 KB))を使えます。サイトのスコアは100点満点中71点で、合格20件、警告6件、不足7件です。不足: PNG 16×16、アイコン、SVGファビコンほか4件。
表示イメージ
見つかったファイルから生成しています。
旧サイズです。現在のiOSは180 pxのアイコンを使います。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
blogger.comのファビコンファイル一覧
13件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32 px | 3.6 KB |
| apple-touch-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 730 B |
| apple-touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 708 B |
| apple-touch-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 907 B |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 907 B |
| apple-touch-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 1.2 KB |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 1.3 KB |
| apple-touch-icon-144x144.png | rel="apple-touch-icon" | PNG | 144×144 | 1.4 KB |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | PNG | 152×152 | 1.6 KB |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 1.8 KB |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 448 B |
| android-chrome-192x192.png | rel="icon" | PNG | 192×192 | 1.9 KB |
| favicon-96x96.png | rel="icon" | PNG | 96×96 | 1.1 KB |
従来のファビコン
合格 4件 · 不足 2件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32
- ファイルサイズ
- 3.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 7日
PNG 32×32
合格<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 448 B
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
合格<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
- 宣言値
- 192×192
- 実際の値
- 192×192
- 形式
- PNG
- ファイルサイズ
- 1.9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 96×96
合格<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
- 宣言値
- 96×96
- 実際の値
- 96×96
- 形式
- PNG
- ファイルサイズ
- 1.1 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
不足<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
ファイルを取得できませんでした(接続に失敗)。
アイコン
不足<link rel="shortcut icon" href="favicon/favicon.ico">
ファイルを取得できませんでした(接続に失敗)。
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 任意 6件Apple touch icon 57×57
任意<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
- 宣言値
- 57×57
- 実際の値
- 57×57
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 730 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 60×60
任意<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
- 宣言値
- 60×60
- 実際の値
- 60×60
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 708 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 72×72
任意<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
- 宣言値
- 72×72
- 実際の値
- 72×72
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 907 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 76×76
任意<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
- 宣言値
- 76×76
- 実際の値
- 76×76
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 907 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 114×114
任意<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
- 宣言値
- 114×114
- 実際の値
- 114×114
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.2 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 120×120
任意<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
- 宣言値
- 120×120
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.3 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
警告<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
- 色
- #5bbad5
ファイルを取得できませんでした(接続に失敗)。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" href="favicon/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 878 B
- 同一オリジン
- はい
- キャッシュ
- 0秒
マニフェストのフィールド
合格 1件 · 警告 4件 · 不足 3件 · 任意 2件- nameBlogger
- short_namenameが長すぎるとき、ホーム画面で使われます。未設定
- start_urlインストールしたアプリの起動時に開くページです。未設定
- display既定値は"browser"で、インストールできません。未設定
- theme_colorインストールしたアプリのタイトルバーの色になります。未設定
- background_colorスプラッシュ画面の背景色です。未設定
- icons · 192×192ファイルがHTTP 404を返しています。リンク切れ
- icons · 512×512インストールのプロンプトとスプラッシュ画面に必要です。なし
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · android-chrome-192x192.png
- 正方形で8×8 px以上192×192
- 48×48 pxより大きい192 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 3件 · 任意 1件- theme-color#ffffff
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColor#da532c
- browserconfig.xmlあり
配信とパフォーマンス
合格 5件 · 警告 1件 · 不足 1件- すべてのアイコンがHTTPS13件中13件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなし/blogger/landing/favicon/android-chrome-36x36.png, /blogger/landing/favicon/android-chrome-48x48.png, /blogger/landing/favicon/android-chrome-72x72.pngエラー 6件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。13件中1件 · 1日以上
- アイコンの合計容量17.5 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="favicon/manifest.json"> <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="favicon/favicon.ico"> <meta name="theme-color" content="#ffffff"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="favicon/mstile-144x144.png"> <meta name="msapplication-config" content="favicon/browserconfig.xml"> <meta name="theme-color" content="#da532c">
blogger.comのファビコンに関するQ&A
blogger.comのファビコンはどこにありますか?
メインのファビコンはhttps://www.blogger.com/about/favicon/favicon-32x32.pngにあります。既定のパスhttps://www.blogger.com/favicon.icoからもアイコンが返されます。
blogger.comのファビコンのサイズは?
favicon-32x32.pngは32×32です。サイト内で最も大きいラスターアイコンはandroid-chrome-192x192.pngで、192×192 pxです。
Google検索でblogger.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。android-chrome-192x192.pngは192×192のPNGファイル(1.9 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
blogger.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。