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