favicon-checker.com

starbucks.comのファビコン

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

  • 22合格
  • 3警告
  • 2不足
  • 6任意

starbucks.comのメインのファビコンはfavicon.icoで、16、32、48 pxの画像を含むICOファイル(15.0 KB)です。アイコンファイルは4件見つかり、合計は97.3 KBです。Google検索ではpwa-icon.png(512×512のPNGファイル(50.4 KB))を使えます。サイトのスコアは100点満点中90点で、合格22件、警告3件、不足2件です。不足: SVGファビコン、maskableのマニフェストアイコン。

表示イメージ

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

Starbucks Coffee Company
ブラウザータブ · ライト合格
Starbucks Coffee Company
ブラウザータブ · ダーク合格
starbucks.comhttps://www.starbucks.com
Starbucks Coffee Company Explore our menu of handcrafted drinks, order ahead, sign up for Starbucks® Rewards, manage your gift card and more.
Google検索合格
Starbucks
iOSのホーム画面合格
Android · maskable不足

maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。

Starbucks
PWAのインストールとスプラッシュ合格

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

4件検出
ファイル検出元形式サイズ容量
favicon.icorel="icon" · 既定のパスICO16, 32, 48 px15.0 KB
apple-touch-icon.pngrel="apple-touch-icon" · 既定のパスPNG180×18014.5 KB
pwa-icon.pngrel="icon" · マニフェストPNG512×51250.4 KB
pwa-icon-192.pngマニフェストPNG192×19217.4 KB

従来のファビコン

合格 2件

favicon.ico

合格
<link rel="icon" href="./favicon.ico">
形式
ICO(本物)
含まれる画像
16 · 32 · 48
ファイルサイズ
15.0 KB
HTTP
200
Content-Type
image/x-icon
キャッシュ
4時間

PNG

合格
<link rel="icon" href="./pwa-icon.png" type="image/png">
宣言値
サイズ指定なし
実際の値
512×512
形式
PNG
ファイルサイズ
50.4 KB
HTTP
200
Content-Type
image/png

SVGアイコン

不足 1件
svg

SVGファビコン

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

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

Apple

合格 1件 · 任意 1件

Apple touch icon

合格
<link rel="apple-touch-icon" href="./apple-touch-icon.png">
宣言値
サイズ指定なし
実際の値
180×180
推奨
180×180
背景
不透過
ファイルサイズ
14.5 KB
HTTP
200
mask

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

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

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

Webアプリマニフェスト

合格 1件
json

manifest.json

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

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

合格 7件 · 警告 1件 · 不足 1件 · 任意 1件
  • name
    Starbucks
  • short_name
    Starbucks
  • start_url
    /
  • display既定値は"browser"で、インストールできません。
    未設定
  • theme_color
    #00A862
  • background_color
    #FFFFFF
  • icons · 192×192
    PNG · 17.4 KB · 200
  • icons · 512×512
    PNG · 50.4 KB · 200
  • icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。
    なし
  • id
    未設定

Google検索

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

メタタグと旧仕様

任意 4件
  • theme-colorモバイルのブラウザーUIの色になります。
    未設定
  • ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"
    未設定
  • msapplication-TileColorWindowsのタイル用。旧仕様です。
    未設定
  • browserconfig.xmlWindowsのタイル用。旧仕様です。
    なし

配信とパフォーマンス

合格 5件 · 警告 2件
  • すべてのアイコンがHTTPS
    4件中4件
  • 混在コンテンツなし
    http://リンク 0件
  • リンク切れなし
    エラー 0件
  • キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。
    4件中0件 · 1日以上
  • アイコンの合計容量
    97.3 KB
  • リダイレクト
    0
  • 重複するタグ同じサイズを宣言するrel="icon"タグが複数あり、ブラウザーは最後のものを使います。
    2 × サイズ指定なし

<head>内のアイコンタグ

<link rel="icon" href="./favicon.ico">
<link rel="apple-touch-icon" href="./apple-touch-icon.png">
<link rel="icon" href="./pwa-icon.png" type="image/png">
<link rel="manifest" href="./manifest.json">

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

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

メインのファビコンはhttps://www.starbucks.com/favicon.icoにあります。

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

favicon.icoは16, 32, 48 pxです。サイト内で最も大きいラスターアイコンはpwa-icon.pngで、512×512 pxです。

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

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

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

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

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

チェック済みサイト一覧