stripe.comのファビコン
- 16合格
- 2警告
- 1不足
- 5任意
stripe.comのメインのファビコンはfavicon.svgで、412 BのSVGファイルです。アイコンファイルは5件見つかり、合計は34.4 KBです。Google検索ではfavicon.png(180×180のPNGファイル(3.1 KB))を使えます。サイトのスコアは100点満点中87点で、合格16件、警告2件、不足1件です。不足: Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
ダークテーマのタブでもアイコンが見えるか確認してください。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
stripe.comのファビコンファイル一覧
5件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.svg | rel="icon" | SVG | ベクター | 412 B |
| favicon.png | rel="icon" | PNG | 96×96 | 1.5 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.png | rel="apple-touch-icon" | PNG | 180×180 | 3.1 KB |
従来のファビコン
合格 3件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- キャッシュ
- 4時間
PNG 96×96
合格<link rel="icon" type="image/png" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=96&h=96" sizes="96x96">
- 宣言値
- 96×96
- 実際の値
- 96×96
- 形式
- PNG
- ファイルサイズ
- 1.5 KB
- HTTP
- 200
- Content-Type
- image/png
ICO
合格<link rel="shortcut icon" href="https://assets.stripeassets.com/fzn2n1nzq965/nu0iR4KqmkdJ52fgRts09/c3a10df318e7ffb1f516073daadea625/favicon.ico">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVGアイコン
合格 1件SVGファビコン
合格<link rel="icon" type="image/svg+xml" href="https://images.stripeassets.com/fzn2n1nzq965/1hgcBNd12BfT9VLgbId7By/01d91920114b124fb4cf6d448f9f06eb/favicon.svg">
- 正方形のviewBox
- はい
- ダークモード
- いいえ
- スクリプト
- なし
- ファイルサイズ
- 412 B
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。
Apple
警告 1件 · 任意 1件Apple touch icon
警告<link rel="apple-touch-icon" sizes="180x180" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=180&h=180">
- 宣言値
- 180×180
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 3.1 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 6件- 対応しているファイル形式PNG · favicon.png
- 正方形で8×8 px以上180×180
- 48×48 pxより大きい180 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS5件中5件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。5件中4件 · 1日以上
- アイコンの合計容量34.4 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" type="image/svg+xml" href="https://images.stripeassets.com/fzn2n1nzq965/1hgcBNd12BfT9VLgbId7By/01d91920114b124fb4cf6d448f9f06eb/favicon.svg"> <link rel="icon" type="image/png" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=96&h=96" sizes="96x96"> <link rel="shortcut icon" href="https://assets.stripeassets.com/fzn2n1nzq965/nu0iR4KqmkdJ52fgRts09/c3a10df318e7ffb1f516073daadea625/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=180&h=180">
stripe.comのファビコンに関するQ&A
stripe.comのファビコンはどこにありますか?
メインのファビコンはhttps://images.stripeassets.com/fzn2n1nzq965/1hgcBNd12BfT9VLgbId7By/01d91920114b124fb4cf6d448f9f06eb/favicon.svgにあります。既定のパスhttps://stripe.com/favicon.icoからもアイコンが返されます。
stripe.comのファビコンのサイズは?
favicon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはfavicon.pngで、180×180 pxです。
Google検索でstripe.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。favicon.pngは180×180のPNGファイル(3.1 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
stripe.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。