opera.comのファビコン
- 26合格
- 4警告
- 3不足
- 7任意
opera.comのメインのファビコンはfavicon-32x32.4715c1054910.pngで、32×32のPNGファイル(561 B)です。アイコンファイルは14件見つかり、合計は37.2 KBです。Google検索ではapple-touch-icon.91bbceaeaa8a.png(180×180のPNGファイル(4.0 KB))を使えます。サイトのスコアは100点満点中82点で、合格26件、警告4件、不足3件です。不足: SVGファビコン、512 pxのマニフェストアイコン、maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
opera.comのファビコンファイル一覧
14件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32 px | 5.3 KB |
| apple-touch-icon.91bbceaeaa8a.png | rel="apple-touch-icon" | PNG | 180×180 | 4.0 KB |
| apple-touch-icon-180x180.91bbceaeaa8a.png | rel="apple-touch-icon" | PNG | 180×180 | 4.0 KB |
| apple-touch-icon-167x167.6a07d1e49b1a.png | rel="apple-touch-icon" | PNG | 167×167 | 3.6 KB |
| apple-touch-icon-152x152.0dbf2a999304.png | rel="apple-touch-icon" | PNG | 152×152 | 3.4 KB |
| apple-touch-icon-120x120.d243dfff693b.png | rel="apple-touch-icon" | PNG | 120×120 | 2.8 KB |
| apple-touch-icon-76x76.f70874da6c7d.png | rel="apple-touch-icon" | PNG | 76×76 | 1.9 KB |
| apple-touch-icon-57x57.9baa10c27134.png | rel="apple-touch-icon" | PNG | 57×57 | 1.5 KB |
| favicon-32x32.4715c1054910.png | rel="icon" | PNG | 32×32 | 561 B |
| favicon-16x16.a9a7b87343e4.png | rel="icon" | PNG | 16×16 | 402 B |
| safari-pinned-tab.fff3923ab692.svg | rel="mask-icon" | SVG | ベクター | 984 B |
| favicon.18388eb39bfd.ico | rel="icon" | ICO | 32 px | 4.2 KB |
| android-chrome-192x192.48af36cc8f36.png | マニフェスト | PNG | 192×192 | 1.9 KB |
| android-chrome-256x256.0b7ebdef4384.png | マニフェスト | PNG | 256×256 | 2.5 KB |
従来のファビコン
合格 3件 · 警告 1件favicon.ico
警告GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32
- ファイルサイズ
- 5.3 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- キャッシュ
- 12か月
アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。
PNG 32×32
合格<link rel="icon" type="image/png" sizes="32x32" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-32x32.4715c1054910.png">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 561 B
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
合格<link rel="icon" type="image/png" sizes="16x16" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-16x16.a9a7b87343e4.png">
- 宣言値
- 16×16
- 実際の値
- 16×16
- 形式
- PNG
- ファイルサイズ
- 402 B
- HTTP
- 200
- Content-Type
- image/png
ICO
合格<link rel="shortcut icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon.18388eb39bfd.ico">
- 宣言値
- サイズ指定なし
- 実際の値
- 32
- 形式
- ICO
- ファイルサイズ
- 4.2 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
合格 2件 · 任意 5件Apple touch icon
合格<link rel="apple-touch-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon.91bbceaeaa8a.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 4.0 KB
- HTTP
- 200
Apple touch icon 180×180
任意<link rel="apple-touch-icon" sizes="180x180" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-180x180.91bbceaeaa8a.png">
- 宣言値
- 180×180
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 4.0 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 167×167
任意<link rel="apple-touch-icon" sizes="167x167" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-167x167.6a07d1e49b1a.png">
- 宣言値
- 167×167
- 実際の値
- 167×167
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 3.6 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 152×152
任意<link rel="apple-touch-icon" sizes="152x152" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-152x152.0dbf2a999304.png">
- 宣言値
- 152×152
- 実際の値
- 152×152
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 3.4 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 120×120
任意<link rel="apple-touch-icon" sizes="120x120" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-120x120.d243dfff693b.png">
- 宣言値
- 120×120
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.8 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 76×76
任意<link rel="apple-touch-icon" sizes="76x76" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-76x76.f70874da6c7d.png">
- 宣言値
- 76×76
- 実際の値
- 76×76
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.9 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
合格<link rel="mask-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/safari-pinned-tab.fff3923ab692.svg" color="#ff0a21">
- 色
- #ff0a21
- ファイルサイズ
- 984 B
旧仕様です。Safari 12以降は通常のファビコンを使います。
Webアプリマニフェスト
警告 1件webmanifest
警告<link rel="manifest" href="/webmanifest">
- HTTP
- 200
- Content-Type
- content-type: application/manifest+json
- JSON
- 有効
- ファイルサイズ
- 574 B
- 同一オリジン
- はい
- キャッシュ
- 1時間
マニフェストはapplication/manifest+jsonで配信してください。
マニフェストのフィールド
合格 6件 · 警告 1件 · 不足 2件 · 任意 1件- nameOpera
- short_nameOpera
- start_urlインストールしたアプリの起動時に開くページです。未設定
- displaystandalone
- theme_color#ffffff
- background_color#ffffff
- icons · 192×192PNG · 1.9 KB · 200
- icons · 512×512インストールのプロンプトとスプラッシュ画面に必要です。なし
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon.91bbceaeaa8a.png
- 正方形で8×8 px以上180×180
- 48×48 pxより大きい180 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 3件 · 任意 1件- theme-color#FF1B2D
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColor#da532c
- browserconfig.xmlあり
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS14件中14件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー14件中14件 · 1日以上
- アイコンの合計容量37.2 KB
- リダイレクト/favicon.ico → https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/ico/opera.ico1
- 重複するタグなし
<head>内のアイコンタグ
<link rel="apple-touch-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon.91bbceaeaa8a.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-180x180.91bbceaeaa8a.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-167x167.6a07d1e49b1a.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-152x152.0dbf2a999304.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-120x120.d243dfff693b.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-76x76.f70874da6c7d.png"> <link rel="apple-touch-icon" sizes="57x57" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-57x57.9baa10c27134.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-32x32.4715c1054910.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-16x16.a9a7b87343e4.png"> <link rel="manifest" href="/webmanifest"> <link rel="mask-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/safari-pinned-tab.fff3923ab692.svg" color="#ff0a21"> <link rel="shortcut icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon.18388eb39bfd.ico"> <meta name="theme-color" content="#FF1B2D"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/browserconfig.f5848516ccd3.xml"> <meta name="theme-color" content="#ffffff">
opera.comのファビコンに関するQ&A
opera.comのファビコンはどこにありますか?
メインのファビコンはhttps://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-32x32.4715c1054910.pngにあります。既定のパスhttps://www.opera.com/favicon.icoからもアイコンが返されます。
opera.comのファビコンのサイズは?
favicon-32x32.4715c1054910.pngは32×32です。サイト内で最も大きいラスターアイコンはandroid-chrome-256x256.0b7ebdef4384.pngで、256×256 pxです。
Google検索でopera.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon.91bbceaeaa8a.pngは180×180のPNGファイル(4.0 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
opera.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180です。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。