画像圧縮

画像圧縮ツールについて

この無料の画像圧縮ツールは、JPG、PNG、WebP のファイルサイズを小さくします。品質スライダーを動かすと新しいサイズがすぐに表示されるので、納得できたらダウンロードしてください。

すべての処理はブラウザー内で行われ、画像がサーバーにアップロードされることはありません。

非可逆圧縮が実際にしていること

スライダーが何を捨てているのかを知っておくと、どこに影響が出るのかが分かります。

圧縮は、人間の目が測定器ではないという事実を利用します。目は輪郭や明るさを見分けるのは非常に得意ですが、細かい色の違いを見分けるのは比較的苦手です。そのため非可逆エンコーダーは、気づかれる情報を残し、気づかれない情報を捨てます。

主な手法が 2 つあります。

色は明るさよりも低い解像度で保存されます。 クロマサブサンプリングは明暗のチャンネルの情報をすべて保ったまま色の情報を半分に減らします。ほかに何もしない段階で 3 分の 1 の削減になり、写真ではほとんど分かりません。

細部は丸められます。 画像はブロックに分割され、それぞれが大きな形から細かなテクスチャーまでのパターンの組み合わせとして表されます。細かなテクスチャーの係数は大きく丸められ、多くはゼロになります。品質スライダーは、要するにその丸めの強さを決めています。

これは、劣化が最初に現れる場所をそのまま説明しています。すなわちなめらかなグラデーションとくっきりした輪郭です。澄んだ空にはうっすらとした縞やむらが出て、文字のまわりには灰色のもやが出ます。草や砂利のような細かく入り組んだ部分がまったく傷まないうちに、そうなります。

品質の設定を選ぶ

• 90〜100 — ほとんどの写真では元のファイルとほぼ変わらず、削減になりません。あとで編集したり拡大したりする画像にだけ使ってください。
• 80〜85 — ちょうどよい設定です。大きく削減でき、通常の表示サイズでは変化が見えません。まずはここから始めてください。
• 70〜80 — サムネイル、背景画像、ページ内の小さな画像にはまだ十分です。
• 50〜70 — 写真では、特に空の部分で分かります。大きくぼかした背景なら許容できます。
• 50 未満 — 明らかに劣化します。ほとんどの場合、価値がありません。

結果は実際に表示されるサイズで判断してください。400 % に拡大して見るのではありません。通常サイズでは見えない劣化も高倍率では目立ちますが、誰もあなたのページを 400 % で見たりはしません。

まずリサイズを — こちらのほうが効果が大きい

いちばんよくある間違いは、巨大な画像を小さくせずに圧縮してしまうことです。

ファイルサイズは画素数に従い、画素数は面積に従います。4000 × 3000 の写真は 1200 万画素です。1200 × 900 にリサイズすると約 100 万画素、つまり 92 % 減になります。品質スライダーでは、画像を壊さずにこれを実現することはできません。

ですから、うまくいく順序は次のとおりです。

1. 実際に表示される最大のサイズにリサイズする
2. そのあと品質 80〜85 で圧縮する
3. それでも重ければ WebP を検討する

4 MB の写真をこの手順で処理すると、たいてい 150 KB を下回り、ページ上では見た目が変わりません。最初の手順には画像リサイズツールを使ってください。

PNG のふるまいが違う理由

PNG は可逆です。JPG のように情報を捨てられないので、通常の意味での品質スライダーはありません。

PNG を圧縮するということは、保存する色数を減らすということです。256 色のパレットの PNG は 1600 万色の PNG よりはるかに小さく、ロゴ、アイコン、べた塗りのイラストでは、もともと数えるほどの色しか使っていないため違いが分からないことがよくあります。

写真では、はっきり分かります。写真を 256 色に減らすと、目に見える縞やざらつきが出ます。これはツールが役に立つことを教えてくれている状態です。つまり、写真はそもそも PNG にすべきではありません。 JPG か WebP に変換すれば、はるかに小さくて見た目もよいファイルになります。

原則は、ロゴ、スクリーンショット、図、透明部分には PNG。写真には JPG か WebP です。

ファイルが小さくならず大きくなるとき

これは起こりうることで、不具合ではありません。

画像がすでに強く圧縮されていた。 すでに強い圧縮を経た画像を再エンコードしても効果はなく、新しいエンコーダーのオーバーヘッドで逆転してしまうことがあります。

写真が PNG で保存されていた。 再び PNG で圧縮しても可逆のまま大きいままです。形式を変えてください。

画像がとても小さい。 数キロバイトを下回ると形式のヘッダーが大半を占め、絞り出せるものが残っていません。

品質を非常に高く設定している。 95 以上では、元の画像が持っていた以上の忠実さを求めていることがあります。

結果のほうが大きい場合は元のファイルを残してください。ツールが両方のサイズを表示するので判断できます。

使い方

• 画像をアップロード — アップロード領域をクリックするか、JPG、PNG、WebP をドラッグ＆ドロップします
• 品質を調整 — 品質を下げるほどファイルは小さくなります。サイズの変化を確認してください
• 形式を選ぶ（任意） — 元の形式のままにするか、より削減したい場合は JPG／WebP に変換します
• ダウンロード — 圧縮した画像を保存します

知っておくとよいこと

• 元のファイルを保管しておいてください。 圧縮は元に戻せず、捨てられた情報は復元できません。
• すでに圧縮したコピーを再度圧縮しないでください。 毎回、元のファイルから作業します。繰り返すほど劣化が積み重なります。
• WebP は通常 JPG より 同じ見た目の品質で 25〜35 % 小さく、現在のすべてのブラウザーが対応しています。
• 細部ではなくグラデーションを確認してください。 空、スタジオの背景、肌の色に最初に劣化が出ます。
• 画像内の文字は大きく劣化します。 文字を含むスクリーンショットには PNG か高い品質設定を使ってください。
• EXIF データは通常削除されます。 GPS 座標も含まれるため、プライバシーには有利ですが、カメラの情報を残したい場合は注意してください。
• たくさんの画像を圧縮しますか。 手作業で繰り返すのではなく、一括画像リサイズツールを使ってください。

よくある質問

画質を落とさずにどこまで圧縮できますか。

JPG と WebP ではある程度の劣化は避けられませんが、品質 80〜85 なら通常の表示サイズでは分からず、非圧縮の元画像と比べて 60〜80 % の削減になるのが普通です。拡大して見るのではなく、実際に表示されるサイズで判断してください。ページ上では見えない劣化も 400 % では明らかになるからです。

圧縮したのに画像が大きくなったのはなぜですか。

たいていは、すでに強く圧縮されていて取り除くものが残っておらず、新しいエンコーダーのオーバーヘッドで逆転してしまうためです。形式のヘッダーが大半を占める非常に小さな画像や、可逆のまま大きい PNG で保存された写真でも起こります。ツールは両方のサイズを表示するので、小さいほうを残せば済みます。

リサイズと圧縮のどちらをすべきですか。

先にリサイズし、そのあと圧縮してください。リサイズのほうが効果ははるかに大きいのです。ファイルサイズは画素の面積に従うので、縦横を半分にすると画素の 4 分の 3 が減ります。4000 ピクセルの写真を 1200 にリサイズしてから品質 82 で圧縮すると、たいてい数メガバイトから 150 KB を大きく下回るところまで下がりますが、ページ上では見た目が変わりません。

PNG の圧縮がうまくいかないのはなぜですか。

PNG は可逆で、情報を捨てられないからです。PNG を圧縮すると保存する色数が減ります。これはロゴ、アイコン、べた塗りのイラストでは見事に機能しますが、写真では目に見える縞が出ます。PNG が写真であれば、本当の解決策はさらに圧縮することではなく、JPG か WebP に変換することです。

いちばん小さいファイルになる形式はどれですか。

写真なら WebP です。同じ見た目の品質で JPG より通常 25〜35 % 小さく、現在のすべてのブラウザーが対応しています。AVIF はさらに小さくなりますが、エンコードに時間がかかります。ロゴ、図、透明部分や文字を含むものには、可逆の WebP か PNG です。JPG は古いソフトウェアやアップロードフォームとの互換性という点で、いちばん安全な選択肢のままです。

圧縮すると写真の位置情報は消えますか。

たいていは消えます。再エンコードでは通常、GPS 座標、カメラの機種、撮影日時を含む EXIF メタデータが失われます。写真を共有するときのプライバシーには好都合ですが、その情報を残したい場合には不都合です。共有する前に画像が何を持っているかを確認するには、画像メタデータビューアーを使ってください。

画像はサーバーにアップロードされますか。

いいえ。ブラウザーが画像をデコードし、選ばれた品質で再エンコードして結果を返します。すべてご自身の端末上での処理です。何も送信されず保存もされないため、接続を切った状態でも動作します。

関連ツール

• 画像リサイズツール — まずこれを。圧縮だけよりはるかに削減できます
• 指定サイズに画像を圧縮 — 目標のファイルサイズちょうどに合わせる
• 一括画像リサイズツール — フォルダーごとまとめて処理する
• 画像メタデータビューアー — 写真がどんな情報を持っているかを見る