JPEG 品質設定 — サイズと品質の間のスイート スポットは何ですか?
すべての画像エディターと圧縮ツールには、0 から 100 までの品質スライダーが表示されます。100 が最高の品質を意味し、0 がゴミを意味することは知っていますが、その間の数字は実際には何を意味するのでしょうか? 90% は 80% よりも大幅に優れていますか? 60％は許容範囲でしょうか？答えは、画像を何に使用するかによって完全に異なります。ほとんどの人は、品質を 100% のままにするか (膨大な量の帯域幅を浪費する)、または乱数を選択して最良の結果を期待します。各品質レベルで実際に何が起こっているのかをわかりやすく説明しましょう。
品質パーセンテージが実際に制御するもの
JPEG 品質設定は、圧縮における量子化ステップ、つまり微細なディテールをどの程度積極的に破棄するかを制御します。 100% では、事実上細部が破棄されることはなく、画像は JPEG が許容する限りオリジナルに近くなります (ただし、完全にロスレスではありません。そのためには PNG を使用してください)。パーセンテージを低くすると、アルゴリズムはより積極的に細部を丸め、微妙な色の変化を破棄し、テクスチャ情報を簡素化します。
重要なのは、品質のパーセンテージがさまざまなソフトウェア間で標準化されていないことです。 Photoshop の品質 80% は、GIMP やオンライン コンプレッサーの品質 80% とは異なります。数値は各ツールの内部スケールに相対的なものです。重要なのは、数値そのものではなく、視覚的な結果とファイル サイズです。数値を盲目的に信頼するのではなく、常に出力をプレビューしてください。
収益逓減曲線
ほとんどの人が見落としている重要な洞察は次のとおりです。品質とファイル サイズの関係は直線ではなく、急な曲線をたどります。典型的な 1920x1080 の写真を考えてみましょう。 100% の品質では、1.5 MB になる可能性があります。 95% に下げると、約 900 KB になります。これは、人間の目にはまったく違いがわからないまま、サイズが 40% 縮小されることになります。 85% では約 450 KB になります。これは 70% の削減であり、違いは 200% にズームして並べて比較した場合にのみ表示されます。 75% では約 300 KB になります。 60% で約 180 KB。 30% では約 80 KB ですが、明らかにアーチファクトが見えます。
実際的なポイントは、100% から 85% にすると、目に見える劣化はほとんどなく、ファイル サイズが 3 分の 2 以上節約されるということです。 85% から 60% にするとさらに 60% 節約されますが、特定の領域 (滑らかなグラデーション、細かいテキスト、微妙なテクスチャ) の劣化に気づき始めます。 50% 未満では節約効果は小さいですが、品質の低下は顕著です。これが、ほとんどの目的において 75 ～ 85% がスイート スポットとして広く推奨される理由です。
ユースケース別の推奨設定
品質設定のチートシート
印刷 (高品質): 90 ～ 100%。ファイル サイズは、視覚的な忠実度よりも重要です。専門的に印刷されるものにはこれを使用してください。 ウェブ — ヒーロー画像とポートフォリオ: 80～90％。主要なビジュアル コンテンツは、適切な速度で読み込まれながら、最高の状態で表示される必要があります。 Web — 一般的なブログ画像: 75～85％。ほとんどの Web コンテンツのスイート スポット。見た目も良く、読み込みも速い。 電子メールの添付ファイル: 60～75％。受信者は画面上で閲覧しており、多くの場合はモバイル上で閲覧しています。ファイルが小さいほど、配信が速くなり、使用される受信トレイのストレージが少なくなります。 サムネイルとプレビュー: 50～65％。表示サイズが小さいと、圧縮アーティファクトがマスクされます。ファイル サイズは、サムネイル解像度の詳細よりも重要です。 ソーシャルメディア: 75～85％。いずれにせよ、プラットフォームは画像を再圧縮するため、非常に高品質でアップロードしても意味がありません。プラットフォームは独自の圧縮を追加します。
各品質レベルで失われるもの
で 100-90%、失うものはほとんどありません。ピクセルレベルの違いは存在しますが、通常の表示では認識できません。で 90-80%、滑らかなグラデーションと細かいテクスチャの非常に微妙なディテールが柔らかくなり始めます。 200% ズームで並べて比較すると気づくかもしれません。通常の表示では、画像はオリジナルと同じように見えます。で 80-70%圧縮アーティファクトは、探してみると目に見えるようになります。滑らかな空の領域にわずかなブロック感があり、鮮明なテキストの周囲に小さな汚れがあり、細かいテクスチャのディテールが一部失われています。画像が非常に大きく表示されない限り、ほとんどの閲覧者は気付かないでしょう。
で 70-50%、精密に検査するとアーチファクトがはっきりと見えます。滑らかな領域には明らかなバンディングが表示され、エッジにはハローが発生し、細かいディテールが失われます。この画像は、小さいサイズやパッと見ただけではまだ許容範囲内に見えますが、精査には耐えられません。以下 50%、品質は急速に低下します。ブロック状のものが目立ち、色の精度が低下し、画像が「ザクザク」として見えます。この範囲は、小さなサムネイル、またはサイズ制限を必死に満たそうとしている状況でのみ役立ちます。
EXIF データとメタデータの除去
デジタル カメラや携帯電話からのすべての写真には、カメラのモデル、レンズ設定、GPS 座標、日付と時刻、カラー プロファイル、および場合によってはサムネイル プレビューなどの EXIF メタデータが含まれています。通常、このメタデータによりファイルに 10 ～ 100 KB が追加されます。 5 MB の写真の場合、それはごくわずかです。圧縮された 200 KB の Web 画像の場合、メタデータは合計ファイル サイズの 10 ～ 30% になる可能性があります。 EXIF データを削除すると、視覚的な影響はまったくなく、無料でファイル サイズが削減されます。
プライバシーについても考慮する必要があります。写真に GPS データが含まれており、それを公開して投稿すると、正確な位置情報を共有することになります。ほとんど 画像圧縮ツール 圧縮中に EXIF データを削除します。これにより、ファイル サイズが削減され、機密性の高い位置データが 1 ステップで削除されます。
プログレッシブ JPEG とベースライン JPEG
標準 (ベースライン) JPEG は上から下にロードされます。ブラウザはデータが到着すると画像を 1 行ずつ描画します。プログレッシブ JPEG は複数のパスで読み込まれます。最初に完全な画像のぼやけたバージョンが表示され、その後、連続するパスで鮮明になります。 Web で使用する場合、プログレッシブ JPEG は、訪問者が最初から読み込まれるのを確認するのではなく、完全な画像の大まかなバージョンをほぼ即座に見ることができるため、より優れた読み込みエクスペリエンスを提供します。
また、プログレッシブ JPEG は、10 KB を超える画像についてはベースライン JPEG よりわずかに小さくなります (マルチパス エンコーディングは実際にはより効率的に圧縮されます)。 10 KB 未満の画像の場合、ベースラインはわずかに小さくなる可能性があります。最もモダンな 画像変換ツール Web 出力ではデフォルトでプログレッシブ エンコーディングが使用されます。これは、ほとんどすべてのユースケースにとって正しい選択です。品質、サイズ、読み込みエクスペリエンスの最適な組み合わせが必要な場合は、プログレッシブ エンコーディングと EXIF データの除去を使用して 80% の品質で圧縮します。これが、効率的で高速に読み込まれる Web 画像のレシピです。
