画像圧縮ガイド

画質を落とさずに画像を圧縮する方法

この言葉の裏には2つの異なる結果が隠れています。1つはすべてのピクセルを保持し、ファイルサイズはほとんど縮小しません。もう1つは大幅に縮小しますが、目には見えない範囲でピクセルを変化させます。どちらを選ぶかは意図的に決めてください。

可逆圧縮と小さいファイルサイズは通常両立しない

可逆圧縮とは、すべてのピクセル値が変換の前後で保持されることを意味します。写真の場合、これによって削減できる余地はほとんど残っていません。可逆圧縮のエンコーダーが利用する冗長性は、JPEGのエンコーダーがすでに取り除いているためです。削減率は一桁パーセントにとどまることが多く、時にはファイルが大きくなることもあります。

  • 可逆圧縮 ピクセルは同一のまま、ファイルはほとんど小さくなりません。スクリーンショット、ロゴ、線画、図表など、単色でエッジのはっきりした画像に向いています。
  • 見た目は同一 ピクセルは変化しますが、通常の表示サイズでは違いが分からず、ファイルは60パーセントから90パーセント小さくなることも珍しくありません。写真に向いています。

写真に効く方法

  1. 最良のオリジナルから始める すでに圧縮したコピーではなく、カメラから直接出力されたファイルを圧縮してください。非可逆圧縮は重なるたびに情報が失われていきます。
  2. WebPを選ぶ 同じ画質設定であれば、WebPは通常JPEGより小さくなり、透過も保持されます。古いソフトウェアでファイルを開く必要がある場合はJPEGを選んでください。
  3. 画質を高く設定して確認する 等倍表示で前後を確認してください。肌、空のグラデーション、写真内の文字を確認します。この3つが最初に劣化として現れます。

画質の値はブラウザのエンコーダーを制御するものです。共通の視覚的スコアではないため、同じ数値でもブラウザや画像によって挙動が異なります。自分の目と、実測されたバイト数を信頼してください。

PNGが正解になる場合

PNGは可逆圧縮のままなので、スクリーンショット、UIのモックアップ、グラフ、単色のアートワークに適しています。こうした画像ではこの形式が実際の冗長性を見つけ出し、ファイルサイズが小さくなります。

このツールでのPNG出力は、描画されたピクセルを新たに可逆圧縮で再エンコードしたものです。ブラウザはPNGの圧縮レベルを移植可能な形で公開していないため、結果はブラウザによって変わります。写真を入力すると、ファイルが大きくなることも多くあります。元より大きい候補になった場合、Vaultaireは劣った結果を提供する代わりに破棄します。

ファイルサイズを小さくする必要がある単色画像の場合、PNGをWebPに変換することで、より圧縮率の高い形式で可逆圧縮の選択肢を得られます。

多くの人が見落とす要素

画質の設定は2番目の要素にすぎません。1番目は寸法です。幅4,000ピクセルの写真を幅900ピクセルのカラムに表示する場合、画面に表示される量の4倍のピクセルを抱えていることになり、その一つひとつがバイト数を消費しています。

画像サイズ変更で幅を半分にすると、エンコーダーが処理を始める前の時点でピクセル数は4分の1になります。結果は新しいサイズでもシャープに見え、目標に到達するために必要な圧縮の強さもずっと控えめで済みます。ファイルサイズの上限にどうしても収まらないときは、たいていこれが解決策です。

最初はダウンロードがロックされている理由

圧縮ツールはダウンロードを解除する前に、新しいファイルをデコードして、形式、寸法、ピクセル数、バイトサイズ、透過、対応するメタデータを確認します。いずれかのチェックに失敗した候補は、ディスクに保存されることはありません。

このチェックは、あなたのブラウザ内、あなたのマシン上で実行されます。画像がサーバーに送られることはないため、設定をいろいろ試している間もプライベートな写真は非公開のままです。

圧縮画質に関するFAQ

画質を落とさずに画像を圧縮できますか?

真の可逆圧縮はすべてのピクセル値を保持しますが、写真では削減効果がほとんどないのが普通です。高品質な非可逆圧縮での再エンコードは、通常の表示サイズでは見分けがつかないまま、はるかに小さいファイルにできます。これらはまったく異なる結果をもたらすため、意図してどちらか一方を選んでください。

圧縮においてWebPはJPEGより優れていますか?

同じ画質設定であれば、WebPは通常JPEGより小さいファイルになり、透過にも対応しています。現行のブラウザはすべてWebPをデコードできます。古いソフトウェアや印刷用のワークフローでファイルを開く必要がある場合は、JPEGを使ってください。

PNGが大きくなったのはなぜですか?

PNG出力は新たに可逆圧縮で再エンコードしたものであり、ブラウザはPNGの圧縮レベルを移植可能な形で公開していません。写真をPNGに再エンコードすると、サイズが大きくなることも珍しくありません。元より大きい候補は、Vaultaireが提供せずに破棄します。

JPEGを2回圧縮すると、画質はさらに劣化しますか?

はい。非可逆圧縮を行うたびに、前回残っていた詳細が失われ、劣化が積み重なっていきます。手元にある最良のオリジナルから圧縮してください。

画質の数値は何を意味しますか?

この数値はブラウザのエンコーダーを制御するもので、共通の視覚的スコアではありません。同じ数値でも、ブラウザや画像が異なれば結果も異なります。実際に見た目で出力結果を判断してください。

ファイルの制限はどのようになっていますか?

静止画のJPEG、PNG、WebPのいずれか1枚で、50MB、1辺あたり8,192px、合計16,000,000ピクセルまでです。アニメーションファイルは、最初のフレームだけに黙って縮小されるのではなく、拒否されます。