ブラウザータブ · ライト合格
starbucks.comのファビコン
- 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.comhttps://www.starbucks.com
Google検索合格
Starbucks
iOSのホーム画面合格
Android · maskable不足
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
Starbucks
PWAのインストールとスプラッシュ合格
starbucks.comのファビコンファイル一覧
4件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 既定のパス | ICO | 16, 32, 48 px | 15.0 KB |
| apple-touch-icon.png | rel="apple-touch-icon" · 既定のパス | PNG | 180×180 | 14.5 KB |
| pwa-icon.png | rel="icon" · マニフェスト | PNG | 512×512 | 50.4 KB |
| pwa-icon-192.png | マニフェスト | PNG | 192×192 | 17.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件- nameStarbucks
- short_nameStarbucks
- start_url/
- display既定値は"browser"で、インストールできません。未設定
- theme_color#00A862
- background_color#FFFFFF
- icons · 192×192PNG · 17.4 KB · 200
- icons · 512×512PNG · 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件- すべてのアイコンがHTTPS4件中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は通常のアイコンを縮小して白い円の上に置きます。