画像情報

画像情報インスペクターとは？#

このページに画像をドロップすると、ブラウザが判定できる情報を — 外部に一切送信することなく — すべて表示します。ファイル名、IANA メディアタイプ、バイトサイズ、ピクセル寸法、アスペクト比（約分した分数と小数の両方）、総メガピクセル数、最終更新タイムスタンプです。アップロード前や埋め込み前、あるいは画像の形状が原因でレイアウトが崩れる問題のデバッグ前に、「このファイルは実際に何なのか？」を手早く確かめるために使えます。

このツールで理解しておくべき点が 2 つあります。第 1 に、サイズは 1024 を基数とする IEC バイナリ単位（KiB、MiB）で報告され、1000 を基数とする 10 進 SI 単位（KB、MB）ではありません。これは本ツールスイート全体で統一している方式であり、ストレージやメモリが実際にアドレス指定に使っている方式でもあります。第 2 に、アスペクト比 は最大公約数による計算で最小の整数形に約分されます。そのため 1920×1080 は 1920:1080 ではなく 16:9 と報告され、CSS の aspect-ratio で使える小数 1.78 も併記されます。

寸法は画像の naturalWidth と naturalHeight、つまり CSS の表示サイズではなくデコードされたビットマップの真のピクセルサイズから取得します。そのため、幅 100% に引き伸ばされたサムネイルでも、本来のソース解像度が正しく報告されます。

使い方#

1. 画像を点線の領域にドロップします（またはクリックしてファイルピッカーを開きます）。
2. 表に表示された結果を読みます。
   • ファイル名 — 元のファイル名。
   • MIME タイプ — 検出された MIME（例: image/png）。
   • ファイルサイズ — バイト数と人間が読める IEC ラベル（例: 2.4 MiB）。
   • 寸法 — 真のピクセルによる WxH。
   • アスペクト比 — 約分された比と小数。
   • メガピクセル — 100 万単位の総ピクセル数。
   • 最終更新 — ファイルに記録されたタイムスタンプ。

アップロードの手順も「送信」ボタンもありません。ファイルをドロップした瞬間、ページはメモリ上で画像をデコードして表に値を埋めます。別のファイルをドロップすれば、そちらの調査に切り替わります。

主な機能#

• 真のソース寸法。 naturalWidth/naturalHeight を読み取るため、CSS のスケーリングでは騙せません。
• アスペクト比を約分。 最大公約数の計算により、3840×2160 は 16:9、4032×3024 は 4:3 に畳み込まれます。CSS やデザインツールで実際に使う形式です。
• IEC バイト単位。 一貫した KiB/MiB 表記。1 KiB 未満のファイルは平易なバイト数で報告されます。
• 総メガピクセル。 センサー解像度の比較やメモリ使用量の見積もりに役立ちます。
• ページの外に何も出さない。 ブラウザ内蔵の File と Image API で画像を読み込みます。ネットワークリクエストもサーバー保存も一切ありません。

実例#

IMG_2026.jpg というスマートフォンの写真をドロップすると、表は次のように報告します。

この 1 回の読み取りだけで、写真が 4 MiB 弱の 12 MP・4:3 JPEG だと分かります。メール添付前に圧縮すべきか判断するのにも、コンテナに aspect-ratio: 4 / 3 を設定して読み込み時のレイアウトシフトを防ぐのにも、必要な情報がすべて揃います。

対照的に、1920×1080 のスクリーンショットなら 16:9、2.07 MP、512×512 のアイコンなら 1:1、0.26 MP と報告されます。

よくある質問#

なぜ KB ではなく KiB なのですか？#

IEC バイナリ単位（KiB = 1024 バイト）は、メモリやストレージの実際のアドレス指定と一致します。一方、SI 単位（KB = 1000 バイト）は記憶媒体メーカーがマーケティングに使う表記です。本ツールスイートは IEC に統一することで、両者の間に生じる恒久的な 7% のズレを回避しています。

アスペクト比が一般的な 16:9 や 4:3 に一致しません。なぜですか？#

その画像が、実際には標準的な比率ではないからです。本ツールは真の既約分数まで約分します。1600×900 は 16:9 ですが、1600×899 は 899 が素数のため 1600:899 になります。比率がわずかにずれている場合、通常はソースが一般的でないサイズにクロップまたはリサンプリングされたことを意味します。

EXIF メタデータも読み取れますか？#

いいえ、それは別の機能です。カメラのメーカー/モデル、GPS、露出などの埋め込みメタデータには EXIF ツールをお使いください。本ページが報告するのはファイルレベルおよびピクセルレベルの事実のみです。

ファイルがなくても画像を調査できますか？#

データ URL や貼り付けた base64 がある場合は、まず Base64 ツールでファイルに変換してから、ここにドロップしてください。