画像を軽くする実務 — リサイズと圧縮の使い分けと画質の落とし穴

リサイズと圧縮は別の作業

リサイズ — ピクセル数そのものを減らす

リサイズは、画像の縦横のピクセル数を減らす処理です。例えば幅4,000pxの写真を幅1,280pxに縮小すると、面積ベースでは元の約10分の1の画素数になり、ファイルサイズも大きく減ります。ファイルを軽くする効果は圧縮より大きいことが多く、画像軽量化の第一手はまずリサイズと考えて差し支えありません。ただし一度減らしたピクセルは元に戻せないため、原本は別に残しておくのが原則です。

圧縮 — 同じピクセル数のままデータの持ち方を工夫する

圧縮は、ピクセル数を変えずにデータの記録方法を効率化してファイルを小さくする処理です。圧縮には、画質を一切落とさずに縮める「可逆圧縮」（PNGなど）と、人の目に分かりにくい情報を捨てて大きく縮める「非可逆圧縮」（JPEGや品質指定時のWebP）があります。非可逆圧縮は品質設定を下げるほど軽くなりますが、その分画質が劣化します。

実務の手順としては「①表示に必要な幅までリサイズする → ②用途に合う形式と品質で保存する」の2段階で考えると迷いません。

JPEG・PNG・WebP の使い分け

迷ったときの目安はシンプルです。写真ならJPEG、文字や図が入った画面キャプチャならPNG、Webサイトに載せるならWebP。WebPは現在の主要ブラウザすべてが表示に対応しており、Web用途では第一候補にできます。一方、社外とのファイルのやり取りでは、相手の環境や提出先の指定によってはJPEG・PNGのほうが無難な場面も残っています。

品質設定の目安 — 80%前後が実務の基準

JPEGとWebPの「品質」は、非可逆圧縮でどこまで情報を捨てるかの設定です。経験則として、品質70〜85%の範囲なら見た目の劣化はほとんど分からないまま、ファイルサイズを大きく減らせます。ブログやSNS投稿なら80%前後を基準にし、とにかく軽さを優先したい場合に60%程度まで下げて様子を見る、という使い方が実務的です。

品質を50%以下まで下げると、輪郭のまわりにモヤモヤしたノイズ（モスキートノイズ）や、グラデーションの縞模様（バンディング）が目立ち始めます。品質100%は「劣化が最小」なだけでファイルはかなり大きくなるため、配布用としては過剰なことが多い設定です。

やりがちな画質の落とし穴

1. 文字入りのスクリーンショットをJPEGで保存する

JPEGの非可逆圧縮は、文字の輪郭のようなくっきりした境界が苦手です。文字のまわりにノイズがにじみ、読みにくくなります。マニュアル用のキャプチャや図表はPNG（またはWebP）で保存しましょう。

2. JPEGを何度も編集・再保存する

JPEGは保存のたびに非可逆圧縮がかかるため、「開いて少し直して保存」を繰り返すと劣化が蓄積していきます。編集を繰り返す作業中はPNGなど可逆形式で保持し、最後の書き出しだけJPEGにするのが安全です。

3. 透過PNGをJPEGに変換して背景が白くなる

JPEGは透過を扱えないため、透過付きPNGをJPEGに変換すると透過部分は背景色（一般に白）で塗りつぶされます。ロゴやアイコンなど透過を保ちたい画像は、PNGのままかWebPに変換してください。

4. 小さい画像を拡大してしまう

リサイズで元より大きい幅を指定すると、足りない画素を引き伸ばして補うため、ぼやけた画像になります。拡大しても画質は良くならない、と覚えておきましょう。

5. 縮小しすぎて用途に足りなくなる

Web表示なら幅1,280〜1,920px、ブログ本文の挿絵なら幅800px程度が目安ですが、印刷に使う可能性がある画像は多めの画素数が必要です。用途が確定していない画像は、原本を残したうえで縮小版を作るようにしてください。

ブラウザだけで完結する軽量化

ここまでの作業（リサイズ→形式選択→品質設定）は、専用ソフトを入れなくてもブラウザだけで完結できます。当サイトの画像リサイズ・圧縮ツールは、画像をドラッグ&ドロップして幅と形式・品質を選ぶだけで、変換後のファイルサイズを確認しながらダウンロードできます。処理はすべてお使いの端末内で行われ、画像がサーバーにアップロードされることはないため、社外秘の資料や個人的な写真でも安心して使えます。

よくある質問