favicon-checker.com

netlify.comのファビコン

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

  • 17合格
  • 8警告
  • 2不足
  • 6任意

netlify.comのメインのファビコンはicon.svgで、1.3 KBのSVGファイルです。アイコンファイルは6件見つかり、合計は37.3 KBです。Google検索ではapple-touch-icon.png(180×180のPNGファイル(1.4 KB))を使えます。サイトのスコアは100点満点中78点で、合格17件、警告8件、不足2件です。不足: name、maskableのマニフェストアイコン。

表示イメージ

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

Push your ideas to the web | Netlify
ブラウザータブ · ライト合格
Push your ideas to the web | Netlify
ブラウザータブ · ダーク合格

SVGがダークテーマに合わせて色を切り替えます。

Netlifyhttps://www.netlify.com
Push your ideas to the web | Netlify Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Google検索合格
Netlify
iOSのホーム画面合格
Android · maskable不足

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

PWAのインストールとスプラッシュ合格

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

6件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16, 32, 48 px14.7 KB
favicon.icorel="icon"ICO16, 32, 48 px14.7 KB
icon.svgrel="icon"SVGベクター1.3 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801.4 KB
icon-192.pngマニフェストPNG192×1921.4 KB
icon-512.pngマニフェストPNG512×5123.7 KB

従来のファビコン

合格 1件 · 警告 1件

favicon.ico

警告
GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
形式
ICO(本物)
含まれる画像
16 · 32 · 48
ファイルサイズ
14.7 KB
HTTP
301 → 200
Content-Type
image/vnd.microsoft.icon
キャッシュ
4時間

アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。

ICO 32×32

合格
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
宣言値
32×32
実際の値
16 · 32 · 48
形式
ICO
ファイルサイズ
14.7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVGアイコン

合格 1件

SVGファビコン

合格
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
正方形のviewBox
はい
ダークモード
はい
スクリプト
なし
ファイルサイズ
1.3 KB
HTTP
200
Content-Type
image/svg+xml

Apple

合格 1件 · 任意 1件

Apple touch icon

合格
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
宣言値
サイズ指定なし
実際の値
180×180
推奨
180×180
背景
不透過
ファイルサイズ
1.4 KB
HTTP
200
mask

Safariのピン留めタブ(mask-icon)

任意
<link rel="mask-icon" href="…" color="…"> – 見つかりません

旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。

Webアプリマニフェスト

警告 1件
json

site.webmanifest

警告
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
HTTP
200
Content-Type
application/octet-stream
JSON
有効
ファイルサイズ
180 B
同一オリジン
はい
キャッシュ
0秒

マニフェストはapplication/manifest+jsonで配信してください。

マニフェストのフィールド

合格 2件 · 警告 4件 · 不足 2件 · 任意 2件
  • nameサイトをインストールしたとき、アイコンの下に表示されます。
    未設定
  • short_namenameが長すぎるとき、ホーム画面で使われます。
    未設定
  • start_urlインストールしたアプリの起動時に開くページです。
    未設定
  • display既定値は"browser"で、インストールできません。
    未設定
  • theme_colorインストールしたアプリのタイトルバーの色になります。
    未設定
  • background_colorスプラッシュ画面の背景色です。
    未設定
  • icons · 192×192
    PNG · 1.4 KB · 200
  • icons · 512×512
    PNG · 3.7 KB · 200
  • icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。
    なし
  • id
    未設定

Google検索

合格 6件
  • 対応しているファイル形式
    PNG · apple-touch-icon.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のタイル用。旧仕様です。
    なし

配信とパフォーマンス

合格 5件 · 警告 2件
  • すべてのアイコンがHTTPS
    6件中6件
  • 混在コンテンツなし
    http://リンク 0件
  • リンク切れなし
    エラー 0件
  • キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。
    6件中0件 · 1日以上
  • アイコンの合計容量
    37.3 KB
  • リダイレクト/favicon.ico → /favicon/favicon.ico
    1
  • 重複するタグ
    なし

<head>内のアイコンタグ

<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
<meta name="theme-color" content="#ffffff">

netlify.comのファビコンに関するQ&A

netlify.comのファビコンはどこにありますか?

メインのファビコンはhttps://www.netlify.com/favicon/icon.svgにあります。既定のパスhttps://www.netlify.com/favicon.icoからもアイコンが返されます。

netlify.comのファビコンのサイズは?

icon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはicon-512.pngで、512×512 pxです。

Google検索でnetlify.comのファビコンは表示されますか?

サイトはGoogleの条件を満たしています。apple-touch-icon.pngは180×180のPNGファイル(1.4 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。

netlify.comにApple touch iconとmaskableアイコンはありますか?

Apple touch iconは180×180です。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。

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

チェック済みサイト一覧