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