画像ファイルサイズ計算機

画像ファイルサイズが決まる仕組み

デジタル画像のファイルサイズは、基本的に「解像度（ピクセル数）」と「ビット深度（1ピクセルあたりのデータ量）」の掛け合わせで決まります。

計算式は以下の通りです：
ファイルサイズ = 横幅(px) × 縦幅(px) × ビット深度(bits) ÷ 8

例えば、フルHD画像（1920x1080）を標準的な24ビットカラー（RGB各8ビット）で保存する場合、計算上のデータ量は約5.93MBになります。これが「非圧縮（RAWやBMP）」の状態です。ここからJPEGやPNGといった「画像圧縮技術」を使って、見た目の美しさを保ちながらデータを小さくしていきます。

主要な画像フォーマットと圧縮率の特徴

用途に応じて最適な画像形式を選ぶことが、Webサイトの高速化やストレージの節約に直結します。

• JPEG (Joint Photographic Experts Group): 写真に最適な「非可逆圧縮」形式です。人間の目には分かりにくい情報を間引くことで、サイズを1/10〜1/20程度まで劇的に小さくできます。
• PNG (Portable Network Graphics): 「可逆圧縮」形式で、データを一切失わずに保存できます。ロゴや透明度（アルファチャンネル）が必要な画像に適していますが、写真に使用するとファイルサイズが大きくなります。
• WebP (ウェッピー): Googleが開発した次世代フォーマット。JPEGやPNGよりもさらに高い圧縮効率を持ち、現在のWeb制作におけるデファクトスタンダードになりつつあります。
• GIF: 最大256色に制限される古い形式です。アニメーションをサポートしているのが最大の特徴ですが、写真の保存には向きません。

ビット深度とは？画質とデータの関係

ビット深度が高いほど、表現できる色の階調が細かくなり、画像はより滑らかでリアルになりますが、それと比例してファイルサイズも増大します。

• 8-bit: 256階調。アイコンや単純な図解に使われます。
• 24-bit (True Color): 各色（赤・緑・青）に8ビットずつ割り当て、約1677万色を表現。一般的な写真やモニターの標準です。
• 32-bit: 24ビットに「透明度（アルファチャンネル）」の8ビットを加えたもの。合成用画像などに使われます。
• 16-bit / 48-bit: プロ向けのRAW現像などで使われる高精細データ。グラデーションのトーンジャンプ（縞模様）を防ぐことができます。

Webサイト高速化のための「画像最適化」のコツ

1. 適切な解像度にリサイズする

スマホの画面で表示するのに、4000ピクセルを超える巨大な写真をそのままアップロードするのは避けましょう。表示サイズに合わせたリサイズが最も効果的な節約です。

2. ツールを使ってメタデータを削除する

デジカメ写真には、撮影日時や位置情報（Exif情報）が含まれています。これらは画像データとは別に容量を消費するため、Web公開前には最適化ツール（TinyPNGなど）で削除するのが一般的です。

3. Lazy Load（遅延読み込み）を活用する

HTMLの loading="lazy" 属性を使うことで、ユーザーがスクロールして画像が画面に入るまで読み込みを待機させることができます。これにより、ページ全体の初期読み込み速度を向上させ、ユーザー体験（UX）を改善できます。

よくある質問 (FAQ)