Image Inspector
開いているページの <img> と background-image を一覧化するブックマークレット。alt / 表示サイズ / 実解像度をパネルで確認できます。
下のボタンをブックマークバーにドラッグ&ドロップして登録してね。
image-inspector← このボタンをブックマークバーへドラッグ
bookmarklet URL
ページ内の画像をブラウザ内で走査するだけで、ネットワークには送信されません。localhost や社内ページでも動きます。
使い方
- 画像を確認したいページを開きます (
localhostでも OK) - ブックマークバーに登録した「image-inspector」をクリックします
- 右側のパネルに
<img>とbackground-imageの一覧が表示されます
表示される情報
- サムネイル (実画像を表示)
- 表示サイズ / 実解像度 (
naturalWidth × naturalHeight) alt属性の有無と内容 (altなしは警告色でハイライト)loading/decoding/srcsetの有無- 画像 URL (コピー / 新規タブで開く)
- 所属セクション (最も近い
<header>/<main>/<article>/ id 付き祖先など)
セクションで絞り込む
パネル上部のチップから所属セクションを選ぶと、そのエリアの画像だけに絞り込めます。ヘッダーだけ / 記事本文だけ、を見たい時に便利。
background-image は要素数が多すぎるページ（5000 要素超）ではスキップされます。