favicon-checker.com

blogger.comのファビコン

https://www.blogger.com/about/?bpli=1 · リダイレクト 5回 · 確認日

  • 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件。

表示イメージ

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

Blogger.com - Create a unique and beautiful blog easily.
ブラウザータブ · ライト合格
Blogger.com - Create a unique and beautiful blog easily.
ブラウザータブ · ダーク合格
Bloggerhttps://www.blogger.com
Blogger.com - Create a unique and beautiful blog easily. Publish your passions your way. Whether you’d like to share your knowledge, experiences or the latest news, create a unique and beautiful blog.
Google検索合格
Blogger
iOSのホーム画面任意

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

512
Android · maskable不足

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

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

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

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

13件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16, 32 px3.6 KB
apple-touch-icon-57x57.pngrel="apple-touch-icon"PNG57×57730 B
apple-touch-icon-60x60.pngrel="apple-touch-icon"PNG60×60708 B
apple-touch-icon-72x72.pngrel="apple-touch-icon"PNG72×72907 B
apple-touch-icon-76x76.pngrel="apple-touch-icon"PNG76×76907 B
apple-touch-icon-114x114.pngrel="apple-touch-icon"PNG114×1141.2 KB
apple-touch-icon-120x120.pngrel="apple-touch-icon"PNG120×1201.3 KB
apple-touch-icon-144x144.pngrel="apple-touch-icon"PNG144×1441.4 KB
apple-touch-icon-152x152.pngrel="apple-touch-icon"PNG152×1521.6 KB
apple-touch-icon-180x180.pngrel="apple-touch-icon"PNG180×1801.8 KB
favicon-32x32.pngrel="icon"PNG32×32448 B
android-chrome-192x192.pngrel="icon"PNG192×1921.9 KB
favicon-96x96.pngrel="icon"PNG96×961.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
404

PNG 16×16

不足
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">

ファイルを取得できませんでした(接続に失敗)。

404

アイコン

不足
<link rel="shortcut icon" href="favicon/favicon.ico">

ファイルを取得できませんでした(接続に失敗)。

SVGアイコン

不足 1件
svg

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のアイコンを使います。

mask

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

警告
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
色
#5bbad5

ファイルを取得できませんでした(接続に失敗)。

Webアプリマニフェスト

合格 1件
json

manifest.json

合格
<link rel="manifest" href="favicon/manifest.json">
HTTP
200
Content-Type
application/json
JSON
有効
ファイルサイズ
878 B
同一オリジン
はい
キャッシュ
0秒

マニフェストのフィールド

合格 1件 · 警告 4件 · 不足 3件 · 任意 2件
  • name
    Blogger
  • 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件
  • すべてのアイコンがHTTPS
    13件中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は通常のアイコンを縮小して白い円の上に置きます。

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

チェック済みサイト一覧