favicon-checker.com

opera.comのファビコン

https://www.opera.com/ · リダイレクト 1回 · 確認日

  • 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のマニフェストアイコン。

表示イメージ

見つかったファイルから生成しています。

Opera Web Browser | Faster, Safer, Smarter | Opera
ブラウザータブ · ライト合格
Opera Web Browser | Faster, Safer, Smarter | Opera
ブラウザータブ · ダーク合格
opera.comhttps://www.opera.com
Opera Web Browser | Faster, Safer, Smarter | Opera Faster, safer and smarter than default browsers. Fully-featured for privacy, security, and so much more. Get the faster, better Opera browser for free.
Google検索合格
Opera
iOSのホーム画面合格
Android · maskable不足

maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。

splash
PWAのインストールとスプラッシュ不足

マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。

opera.comのファビコンファイル一覧

14件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16, 32 px5.3 KB
apple-touch-icon.91bbceaeaa8a.pngrel="apple-touch-icon"PNG180×1804.0 KB
apple-touch-icon-180x180.91bbceaeaa8a.pngrel="apple-touch-icon"PNG180×1804.0 KB
apple-touch-icon-167x167.6a07d1e49b1a.pngrel="apple-touch-icon"PNG167×1673.6 KB
apple-touch-icon-152x152.0dbf2a999304.pngrel="apple-touch-icon"PNG152×1523.4 KB
apple-touch-icon-120x120.d243dfff693b.pngrel="apple-touch-icon"PNG120×1202.8 KB
apple-touch-icon-76x76.f70874da6c7d.pngrel="apple-touch-icon"PNG76×761.9 KB
apple-touch-icon-57x57.9baa10c27134.pngrel="apple-touch-icon"PNG57×571.5 KB
favicon-32x32.4715c1054910.pngrel="icon"PNG32×32561 B
favicon-16x16.a9a7b87343e4.pngrel="icon"PNG16×16402 B
safari-pinned-tab.fff3923ab692.svgrel="mask-icon"SVGベクター984 B
favicon.18388eb39bfd.icorel="icon"ICO32 px4.2 KB
android-chrome-192x192.48af36cc8f36.pngマニフェストPNG192×1921.9 KB
android-chrome-256x256.0b7ebdef4384.pngマニフェストPNG256×2562.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

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件
json

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件
  • name
    Opera
  • short_name
    Opera
  • start_urlインストールしたアプリの起動時に開くページです。
    未設定
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192
    PNG · 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件
  • すべてのアイコンがHTTPS
    14件中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.ico
    1
  • 重複するタグ
    なし

<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は通常のアイコンを縮小して白い円の上に置きます。

ほかのファビコンレポート

チェック済みサイト一覧