vercel.comのファビコン
- 25合格
- 1警告
- 2不足
- 10任意
vercel.comのメインのファビコンはfavicon.icoで、16、32、48 pxの画像を含むICOファイル(14.7 KB)です。アイコンファイルは14件見つかり、合計は37.0 KBです。Google検索ではapple-touch-icon-256x256.png(256×256のPNGファイル(745 B))を使えます。サイトのスコアは100点満点中92点で、合格25件、警告1件、不足2件です。不足: SVGファビコン、maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
旧サイズです。現在のiOSは180 pxのアイコンを使います。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
vercel.comのファビコンファイル一覧
14件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| apple-touch-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 265 B |
| apple-touch-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 272 B |
| apple-touch-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 294 B |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 304 B |
| apple-touch-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 375 B |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 391 B |
| apple-touch-icon-144x144.png | rel="apple-touch-icon" | PNG | 144×144 | 466 B |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | PNG | 152×152 | 474 B |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | PNG | 180×180 | 534 B |
| apple-touch-icon-256x256.png | rel="apple-touch-icon" | PNG | 256×256 | 745 B |
| android-chrome-192x192.png | マニフェスト | PNG | 192×192 | 934 B |
| android-chrome-512x512.png | マニフェスト | PNG | 512×512 | 2.6 KB |
従来のファビコン
合格 2件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- キャッシュ
- 4時間
ICO
合格<link rel="icon shortcut" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.ico" type="image/x-icon">
- 宣言値
- サイズ指定なし
- 実際の値
- 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="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
任意 7件Apple touch icon 57×57
任意<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-57x57.png" sizes="57x57">
- 宣言値
- 57×57
- 実際の値
- 57×57
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 265 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 60×60
任意<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-60x60.png" sizes="60x60">
- 宣言値
- 60×60
- 実際の値
- 60×60
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 272 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 72×72
任意<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-72x72.png" sizes="72x72">
- 宣言値
- 72×72
- 実際の値
- 72×72
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 294 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 76×76
任意<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-76x76.png" sizes="76x76">
- 宣言値
- 76×76
- 実際の値
- 76×76
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 304 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 114×114
任意<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-114x114.png" sizes="114x114">
- 宣言値
- 114×114
- 実際の値
- 114×114
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 375 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 120×120
任意<link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-120x120.png" sizes="120x120">
- 宣言値
- 120×120
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 391 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.webmanifest
合格<link rel="manifest" href="/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- application/manifest+json
- JSON
- 有効
- ファイルサイズ
- 519 B
- 同一オリジン
- はい
- キャッシュ
- 0秒
マニフェストのフィールド
合格 8件 · 不足 1件 · 任意 1件- nameVercel
- short_nameVercel
- start_url/
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192PNG · 934 B · 200
- icons · 512×512PNG · 2.6 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon-256x256.png
- 正方形で8×8 px以上256×256
- 48×48 pxより大きい256 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 2件 · 任意 2件- theme-color#FAFAFA
- ダークモード用のtheme-color#000
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS14件中14件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。14件中13件 · 1日以上
- アイコンの合計容量37.0 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="manifest" href="/manifest.webmanifest"> <link rel="icon shortcut" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-57x57.png" sizes="57x57"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-60x60.png" sizes="60x60"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-72x72.png" sizes="72x72"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-76x76.png" sizes="76x76"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-114x114.png" sizes="114x114"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-120x120.png" sizes="120x120"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-144x144.png" sizes="144x144"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-152x152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-180x180.png" sizes="180x180"> <link rel="apple-touch-icon" href="https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-256x256.png" sizes="256x256"> <meta name="theme-color" content="#FAFAFA" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#000" media="(prefers-color-scheme: dark)">
vercel.comのファビコンに関するQ&A
vercel.comのファビコンはどこにありますか?
メインのファビコンはhttps://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.icoにあります。既定のパスhttps://vercel.com/favicon.icoからもアイコンが返されます。
vercel.comのファビコンのサイズは?
favicon.icoは16, 32, 48 pxです。サイト内で最も大きいラスターアイコンはandroid-chrome-512x512.pngで、512×512 pxです。
Google検索でvercel.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon-256x256.pngは256×256のPNGファイル(745 B)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
vercel.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180です。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。