favicon-checker.com

nationalgeographic.comのファビコン

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

  • 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アプリマニフェスト。

表示イメージ

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

National Geographic
ブラウザータブ · ライト合格
National Geographic
ブラウザータブ · ダーク合格
National Geographichttps://www.nationalgeographic.com
National Geographic Explore National Geographic. A world leader in geography, cartography and exploration.
Google検索合格
National Geographic
iOSのホーム画面警告

iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。

512
Android · maskable不足

マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。

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

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

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

8件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16 px894 B
mask-icon.svgrel="mask-icon"SVGベクター638 B
favicon.icorel="icon"ICO16 px894 B
favicon-32x32.pngrel="apple-touch-icon" · rel="icon"PNG32×32189 B
favicon-180x180.pngrel="apple-touch-icon"PNG180×180505 B
favicon-16x16.pngrel="icon"PNG16×16326 B
favicon-48x48.pngrel="icon"PNG48×48305 B
favicon-96x96.pngrel="icon"PNG96×96434 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

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

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件
  • すべてのアイコンがHTTPS
    8件中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アイコンもありません。

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

チェック済みサイト一覧