favicon-checker.com

buzzfeed.comのファビコン

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

  • 20合格
  • 5警告
  • 4不足
  • 9任意

buzzfeed.comのメインのファビコンはfavicon-7283b1607609d4bbd1d2b7a688d2eca8.icoで、16、24、32、48、96 pxの画像を含むICOファイル(54.3 KB)です。アイコンファイルは9件見つかり、合計は190.8 KBです。Google検索ではtouch-icon-android.6f90f349a263fafae3843e9decf2812a.png(192×192のPNGファイル(5.9 KB))を使えます。サイトのスコアは100点満点中80点で、合格20件、警告5件、不足4件です。不足: SVGファビコン、192 pxのマニフェストアイコン、512 pxのマニフェストアイコンほか1件。

表示イメージ

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

BuzzFeed
ブラウザータブ · ライト合格
BuzzFeed
ブラウザータブ · ダーク合格
BuzzFeedhttps://www.buzzfeed.com
BuzzFeed BuzzFeed has breaking news, vital journalism, quizzes, videos, celeb news, Tasty food videos, recipes, DIY hacks, and all the trending buzz you’ll want to share with your friends. Copyright BuzzFeed, Inc. All rights reserved.
Google検索合格
BuzzFeed
iOSのホーム画面警告

iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。

512
Android · maskable不足

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

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

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

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

9件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16, 32, 48, 64, 128 px97.3 KB
touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.pngrel="apple-touch-icon"PNG60×601.6 KB
touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.pngrel="apple-touch-icon"PNG76×762.1 KB
touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.pngrel="apple-touch-icon"PNG120×1203.5 KB
touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.pngrel="apple-touch-icon"PNG152×1524.5 KB
touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.pngrel="apple-touch-icon"PNG180×1805.5 KB
touch-icon-android.6f90f349a263fafae3843e9decf2812a.pngrel="icon"PNG192×1925.9 KB
favicon-7283b1607609d4bbd1d2b7a688d2eca8.icorel="icon"ICO16, 24, 32, 48, 96 px54.3 KB
buzzfeed_webapp_logo.0ea3c59fd2aeb164cfdfe77e74ab3aa2.pngマニフェストPNG144×14416.0 KB

従来のファビコン

合格 2件 · 警告 1件

favicon.ico

合格
GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
形式
ICO(本物)
含まれる画像
16 · 32 · 48 · 64 · 128
ファイルサイズ
97.3 KB
HTTP
200
Content-Type
image/x-icon
キャッシュ
12か月

PNG 196×196

警告
<link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png">
宣言値
196×196
実際の値
192×192
形式
PNG
ファイルサイズ
5.9 KB
HTTP
200
Content-Type
image/png

宣言したサイズとファイルの実サイズが一致しません。小さいタブで、ブラウザーが誤ったアイコンを選ぶ場合があります。

ICO

合格
<link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon">
宣言値
サイズ指定なし
実際の値
16 · 24 · 32 · 48 · 96
形式
ICO
ファイルサイズ
54.3 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVGアイコン

不足 1件
svg

SVGファビコン

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

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

Apple

警告 1件 · 任意 5件

Apple touch icon 60×60

任意
<link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png">
宣言値
サイズ指定なし
実際の値
60×60
推奨
180×180
背景
未計測
ファイルサイズ
1.6 KB
HTTP
200

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

Apple touch icon 76×76

任意
<link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png">
宣言値
76×76
実際の値
76×76
推奨
180×180
背景
未計測
ファイルサイズ
2.1 KB
HTTP
200

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

Apple touch icon 120×120

任意
<link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png">
宣言値
120×120
実際の値
120×120
推奨
180×180
背景
未計測
ファイルサイズ
3.5 KB
HTTP
200

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

Apple touch icon 152×152

任意
<link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png">
宣言値
152×152
実際の値
152×152
推奨
180×180
背景
未計測
ファイルサイズ
4.5 KB
HTTP
200

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

Apple touch icon

警告
<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png">
宣言値
180×180
実際の値
180×180
推奨
180×180
背景
透過
ファイルサイズ
5.5 KB
HTTP
200

iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。

mask

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

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

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

Webアプリマニフェスト

合格 1件
json

manifest.json

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

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

合格 3件 · 警告 3件 · 不足 3件 · 任意 1件
  • name
    BuzzFeed
  • short_name
    BuzzFeed
  • start_urlインストールしたアプリの起動時に開くページです。
    未設定
  • display既定値は"browser"で、インストールできません。
    未設定
  • theme_color
    #ee3322
  • background_colorスプラッシュ画面の背景色です。
    未設定
  • icons · 192×192Androidがホーム画面のアイコンに使います。
    なし
  • icons · 512×512インストールのプロンプトとスプラッシュ画面に必要です。
    なし
  • icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。
    なし
  • id
    未設定

Google検索

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

メタタグと旧仕様

合格 1件 · 任意 3件
  • theme-color
    #ee3322
  • ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"
    未設定
  • msapplication-TileColorWindowsのタイル用。旧仕様です。
    未設定
  • browserconfig.xmlWindowsのタイル用。旧仕様です。
    なし

配信とパフォーマンス

合格 7件
  • すべてのアイコンがHTTPS
    9件中9件
  • 混在コンテンツなし
    http://リンク 0件
  • リンク切れなし
    エラー 0件
  • キャッシュヘッダー
    9件中9件 · 1日以上
  • アイコンの合計容量
    190.8 KB
  • リダイレクト
    0
  • 重複するタグ
    なし

<head>内のアイコンタグ

<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
<link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png">
<link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png">
<link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png">
<link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon">
<meta name="theme-color" content="#ee3322">

buzzfeed.comのファビコンに関するQ&A

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

メインのファビコンはhttps://www.buzzfeed.com/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.icoにあります。既定のパスhttps://www.buzzfeed.com/favicon.icoからもアイコンが返されます。

buzzfeed.comのファビコンのサイズは?

favicon-7283b1607609d4bbd1d2b7a688d2eca8.icoは16, 24, 32, 48, 96 pxです。サイト内で最も大きいラスターアイコンはtouch-icon-android.6f90f349a263fafae3843e9decf2812a.pngで、192×192 pxです。

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

サイトはGoogleの条件を満たしています。touch-icon-android.6f90f349a263fafae3843e9decf2812a.pngは192×192のPNGファイル(5.9 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。

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

Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。

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

チェック済みサイト一覧