ブラウザータブ · ライト合格
shopify.comのファビコン
- 12合格
- 3警告
- 7不足
- 5任意
shopify.comのメインのファビコンは61cc781fe73f11e9d4bd160d27cc627b.pngで、32×32のWebPファイル（1.2 KB）です。アイコンファイルは3件見つかり、合計は17.7 KBです。Google検索ではfavicon.ico（256 pxの画像を含むICOファイル（14.1 KB））を使えます。サイトのスコアは100点満点中53点で、合格12件、警告3件、不足7件です。不足: SVGファビコン、Apple touch icon、Webアプリマニフェストほか1件。
表示イメージ
見つかったファイルから生成しています。
ブラウザータブ · ダーク任意
ダークテーマのタブでもアイコンが見えるか確認してください。
Shopifyhttps://www.shopify.com
Google検索合格
Shopify
iOSのホーム画面不足
このURLは画像を返していません（image/avif）。
512
Android · maskable不足
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
splash
PWAのインストールとスプラッシュ不足
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
shopify.comのファビコンファイル一覧
3件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 256 px | 14.1 KB |
| 61cc781fe73f11e9d4bd160d27cc627b.png | rel="icon" | WebP | 32×32 | 1.2 KB |
| 193f18e4855704ef1716dc0cd750c1ee.png | rel="apple-touch-icon" | WebP | 57×57 | 2.5 KB |
従来のファビコン
警告 2件favicon.ico
警告GET /favicon.ico · HTMLで宣言されていません（ルートで検出）
- 形式
- ICO（本物）
- 含まれる画像
- 256
- ファイルサイズ
- 14.1 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 12か月
ICOに16 pxまたは32 pxの画像がないため、ブラウザーは大きい画像を縮小して使います。
WebP
警告<link rel="icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/61cc781fe73f11e9d4bd160d27cc627b.png" type="image/png">
- 宣言値
- サイズ指定なし
- 実際の値
- 32×32
- 形式
- WebP
- ファイルサイズ
- 1.2 KB
- HTTP
- 200
- Content-Type
- image/webp
type属性はimage/pngですが、ファイルはWebPです。
SVGアイコン
不足 1件svg
SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 不足 4件 · 任意 1件180
Apple touch icon
不足<link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png">
このURLは画像を返していません（image/avif）。
180
Apple touch icon
不足<link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png">
このURLは画像を返していません（image/avif）。
180
Apple touch icon
不足<link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png">
このURLは画像を返していません（image/avif）。
180
Apple touch icon
不足<link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png">
このURLは画像を返していません（image/avif）。
Apple touch icon
警告<link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png">
- 宣言値
- 57×57
- 実際の値
- 57×57
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.5 KB
- HTTP
- 200
iOSは57 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。iOSにはPNGが必要です。このファイルはWebPです。
mask
Safariのピン留めタブ（mask-icon）
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件json
Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 6件- 対応しているファイル形式ICO · favicon.ico
- 正方形で8×8 px以上256×256
- 48×48 pxより大きい256 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 不足 1件- すべてのアイコンがHTTPS3件中3件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしhttps://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png, https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png, https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.pngエラー 3件
- キャッシュヘッダー3件中3件 · 1日以上
- アイコンの合計容量17.7 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/61cc781fe73f11e9d4bd160d27cc627b.png" type="image/png"> <link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png"> <link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png">
shopify.comのファビコンに関するQ&A
shopify.comのファビコンはどこにありますか？
メインのファビコンはhttps://cdn.shopify.com/b/shopify-brochure2-assets/61cc781fe73f11e9d4bd160d27cc627b.pngにあります。既定のパスhttps://www.shopify.com/favicon.icoからもアイコンが返されます。
shopify.comのファビコンのサイズは？
61cc781fe73f11e9d4bd160d27cc627b.pngは32×32です。サイト内で最も大きいラスターアイコンはfavicon.icoで、256×256 pxです。
Google検索でshopify.comのファビコンは表示されますか？
サイトはGoogleの条件を満たしています。favicon.icoは256 pxの画像を含むICOファイル（14.1 KB）で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
shopify.comにApple touch iconとmaskableアイコンはありますか？
Apple touch iconは57×57です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。