画質を損なわずに画像を圧縮する方法

2026-06-01

手っ取り早く言うと: 目に見える画質低下なしで画像を圧縮するには、ファイルが十分小さくなるまで、ただしノイズ（アーティファクト）が見え始める手前まで品質設定を下げます——写真ならだいたい75〜85%あたりが目安です。画像をToolKoalaの画像圧縮ツールに落として、プレビューを見ながら品質スライダーを動かし、ダウンロードします。ブラウザ内で動くので、画像はアップロードされません。

画質とファイルサイズ、手短に

JPGとWebPは非可逆圧縮を使います。目がほとんど気づかないディテールを捨てて、ファイルを小さくするのです。90%ならたいてい違いがわかりません。60%になると、ブロック状の空やにじんだ輪郭が見え始めます。コツは魔法の「画質を落とさず圧縮」ボタンではありません——ファイルが小さくなりつつロスが見えなくなる地点を見つけることで、その地点は画像ごとに違います。平坦なロゴは強い圧縮に耐えますが、ディテールの多い写真はそうではありません。だからこそ、どんなプリセットよりもライブプレビューが大事なのです。

速くてプライベートなやり方

ToolKoalaの画像圧縮ツールを開いて、画像を落とします。
プレビューを見ながら品質スライダーを下げます。ファイルサイズがよくなり、かつ画像がまだきれいなところで止めます。
ダウンロードします。すべてローカルで行われます——気になればDevTools（F12）→ネットワークで確認できます。何もアップロードされません。

WebPに切り替えるタイミング: 画像の行き先を自分で管理できる場合（自分のWebサイトなど）は、WebPで書き出しましょう。同じ見た目の品質でJPGより通常25〜35%小さく、最近のブラウザはすべて対応しています。メールの添付や、古いソフトで開く相手には、安全のためJPGのままにしておきましょう。

正直なところの代替手段

TinyPNG（無料、アップロードあり）。PNGとJPG向けの賢い圧縮は本当に優秀です。ですが画像を自社サーバーに送りますし、無料枠には上限（画像20枚程度、各5MBまで）があって、その先は課金を促されます。
Squoosh（無料、Google製、ブラウザ内で動作）。優秀で、ローカルで、左右の前後比較とコーデックの細かい設定ができます。大半の人が望む以上につまみが多いですが、素晴らしい無料の選択肢です。
Photoshopの「Web用に保存」（フォトグラフィプランの一部として約$23/月）。すでに持っているなら精密に制御できます。写真を小さくするためだけにサブスクするほどではありません。

よくある質問

Web向けの最適な画像品質設定は? 写真なら、JPGまたはWebPの75〜85%が、わずかなサイズでオリジナルと見分けがつかないことがほとんどです。ライブプレビューを使って、ノイズが見えない最も低い設定を見つけましょう。

WebPはJPGより優れている? Web向けには、たいていイエスです——WebPは同じ品質でおよそ25〜35%小さく、広くサポートされています。メールや古いソフト向けなら、互換性の点でJPGのほうが安全です。

どこにもアップロードせずに画像を圧縮できる? はい。ToolKoalaの圧縮ツールやGoogleのSquooshのようなブラウザベースのツールは、画像をあなたの端末上でローカルに処理するので、ブラウザの外には一切出ません。

圧縮したら画像がブロック状になったのはなぜ? 品質を下げすぎたのです。圧縮はディテールを捨てるので、ある一線を下回ると、ブロック状やにじんだ領域として見えるようになります。ノイズが消えるまで品質スライダーを上げましょう。

— Milo 🐨