duolingo.comのファビコン
- 22合格
- 2警告
- 3不足
- 6任意
duolingo.comのメインのファビコンはfavicon.icoで、16、32、48 pxの画像を含むICOファイル(15.0 KB)です。アイコンファイルは4件見つかり、合計は73.0 KBです。Google検索ではduolingo-touch-icon2.png(180×180のPNGファイル(10.9 KB))を使えます。サイトのスコアは100点満点中81点で、合格22件、警告2件、不足3件です。不足: favicon.ico、SVGファビコン、maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
duolingo.comのファビコンファイル一覧
4件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| duolingo-touch-icon2.png | rel="apple-touch-icon" | PNG | 180×180 | 10.9 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15.0 KB |
| pwa-icon-circle-192.png | マニフェスト | PNG | 192×192 | 11.8 KB |
| pwa-icon-circle-512.png | マニフェスト | PNG | 512×512 | 35.3 KB |
従来のファビコン
合格 1件 · 不足 1件favicon.ico
不足GET /favicon.ico – 見つかりません
- HTTP
- 200
HTMLで別のアイコンを宣言していても、ブラウザー、RSSリーダー、多くのクローラーは/favicon.icoをリクエストします。このURLは画像を返していません(text/html)。
ICO
合格<link rel="icon" href="https://d35aaqx5ub95lt.cloudfront.net/favicon.ico">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
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://d35aaqx5ub95lt.cloudfront.net/images/duolingo-touch-icon2.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 10.9 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 488 B
- 同一オリジン
- はい
- キャッシュ
- no-cache
マニフェストのフィールド
合格 7件 · 警告 1件 · 不足 1件 · 任意 1件- nameDuolingo
- short_nameDuolingo
- start_url/?utm_source=pwa_launch
- displaystandalone
- theme_colorインストールしたアプリのタイトルバーの色になります。未設定
- background_color#ffffff
- icons · 192×192PNG · 11.8 KB · 200
- icons · 512×512PNG · 35.3 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · duolingo-touch-icon2.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のタイル用。旧仕様です。なし
配信とパフォーマンス
合格 7件- すべてのアイコンがHTTPS4件中4件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー4件中4件 · 1日以上
- アイコンの合計容量73.0 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="apple-touch-icon" href="https://d35aaqx5ub95lt.cloudfront.net/images/duolingo-touch-icon2.png"> <link rel="icon" href="https://d35aaqx5ub95lt.cloudfront.net/favicon.ico"> <link rel="manifest" href="/manifest.json">
duolingo.comのファビコンに関するQ&A
duolingo.comのファビコンはどこにありますか?
メインのファビコンはhttps://d35aaqx5ub95lt.cloudfront.net/favicon.icoにあります。
duolingo.comのファビコンのサイズは?
favicon.icoは16, 32, 48 pxです。サイト内で最も大きいラスターアイコンはpwa-icon-circle-512.pngで、512×512 pxです。
Google検索でduolingo.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。duolingo-touch-icon2.pngは180×180のPNGファイル(10.9 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
duolingo.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。