Switching
最適化

画像の容量を減らす仕組みと実践方法

解像度を下げることと圧縮率を上げることは別物です。画質劣化が許される場合とそうでない場合を見分け、Web・印刷向けに容量を減らす方法。

2026年6月14日· 最終更新日 2026年9月3日

画像の容量を減らす方法は、ピクセル数を減らすリサイズと、ピクセルはそのままに情報を捨てる圧縮の2つです。効果はリサイズが圧倒的です。実測では写真の横幅を半分(1600px→800px)にすると、ピクセルは4分の1になるのに対し容量は269KBから33KBへと8分の1になりました。画面用の画像なら、まず必要なピクセルまで縮め、残りの差を品質で調整してください。

画像の容量を減らす方法は大きく2つあります。1つは画像のピクセル数、つまり解像度を下げる「リサイズ」、もう1つはピクセル数はそのままにデータをより密に圧縮する「圧縮」です。この2つは結果が異なるため、使い分ければ画質をあまり失わずに容量を効果的に減らせます。

仕組みがわかれば、「これだけ減らしたのになぜぼやけるのか」「なぜ十分に小さくならないのか」を理解して直せるようになります。

解像度を下げる(リサイズ)

リサイズは縦横のピクセル数を減らすことです。4000×3000の写真を1600×1200に縮小すると、ピクセル数が大きく減って容量が一気に下がります。画面やWebでは、表示される大きさよりずっと大きい原本がほとんどなので、表示サイズに合わせてリサイズすれば、見た目の画質はそのままで容量だけを減らせます。

ただし、一度減らしたピクセルは元に戻せません。後で大きく印刷する可能性があるなら、原本は別に保存しておきましょう。

圧縮率を上げる

圧縮はピクセル数を保ったままJPGの品質値を下げる方法です。品質を下げるほどファイルは小さくなりますが、下げすぎると色がにじんだり、輪郭にノイズ(アーティファクト)が出たりします。写真はある程度の圧縮に耐えますが、文字やくっきりした線が多い画像は圧縮に弱く、すぐに汚くなります。

実測:横幅を縮めると容量はどれだけ下がるか

リサイズが圧縮より効果的だとはよく言われますが、どれだけ大きいかを数字で見る機会は多くありません。同じ写真をJPG品質80に固定したまま、横幅だけを縮めて測りました。

横幅の比率ピクセルサイズピクセル数ファイルサイズ
100%1600×10671,707,200269 KB
75%1200×800960,000105 KB
50%800×534427,20033 KB
25%400×267106,8005 KB
品質は80に固定し横幅だけを変えた結果。測定条件 — 1600×1067(1.71MP)の原本3種を libvips 8.18.3 でエンコードした実際のバイト数。

注目すべきは横幅を半分にした行です。ピクセル数は4分の1になるのに対し、ファイルは269 KBから33 KBへとおよそ8.1分の1になりました。ピクセルが減ると隣り合うピクセル同士がより似てくるため、圧縮効率まで一緒に上がるからです。品質スライダーに触れる前にサイズを縮めるべき理由がここにあります。

画質劣化が許される場合とそうでない場合

容量を減らすときは、まず「この劣化が用途に許されるか」を考えましょう。

  • 許される場合 — SNSへの投稿、ブログ本文の画像、プレビュー用サムネイル、メール添付
  • 注意が必要な場合 — 印刷物、商品写真、文字の多い資料、保存用の原本
  • 原本を消さない — 圧縮・リサイズしたファイルとは別に原本を残せば、後で作り直せる

Web用と印刷用は基準が違う

Webは画面のピクセルが基準なので、表示サイズに合えば十分で、読み込み速度のために思い切って減らしても構いません。一方、印刷はドット密度(通常300dpi前後)が基準なので、画面で十分に見えても印刷するとぼやけることがあります。印刷が目的なら、解像度を下げすぎず、圧縮もかけすぎないようにしましょう。

まず目標容量を決める

実際には「何MB以下にしなければならないか」が先に決まっていることが多いものです。添付5MB制限、掲示板2MB制限のように目標容量が決まっているなら、その目標に合わせて圧縮する方法が便利です。Switchingの容量圧縮ツールは目標サイズを指定してその以下に収め、リサイズツールで解像度まで併せて調整できます。すべての処理はブラウザ内で行われ、ファイルがサーバーに送信されることはありません。

よくある質問

横幅を半分にすると容量も半分ですか?
いいえ。縦横がともに縮むためピクセル数は4分の1になり、実際の容量はそれ以上に下がることが多いです。実測では1600pxで269KBだったものが、800pxで33KB、400pxで5KBになりました。
画面表示には何ピクセルあれば十分ですか?
ブログ本文の画像は横1200〜1600px、サムネイルは600〜800pxあれば高精細ディスプレイでも十分に鮮明です。それより大きい画像はブラウザがどのみち縮小して表示するため、容量の無駄になります。
圧縮を何度も繰り返せばもっと減りますか?
減りはしますが、画質が段階的に悪くなります。非可逆圧縮はすでに失われた情報の上にさらに損失を重ねる仕組みなので、目標の品質で一度だけ保存するほうが同じ容量でもはるかにきれいです。
印刷用も同じ基準で減らしてよいですか?
いけません。印刷は300DPIが基準で、A4一枚におよそ2480×3507ピクセルが必要です。画面用に縮めた画像を印刷すると拡大されて明らかにぼやけるため、印刷用と画面用は別に用意してください。

関連するツール