画像と写真 · 画像コンバーター & コンプレッサー
WebP の品質 80 と JPEG の品質 80 が異なる理由
· 仕組み
画像形式 画質 ウェブページ
品質スライダーは普遍的に見えますが、数値はエンコーダー固有の量子化にマッピングされ、フォーマットごとに異なる意味を持ちます。この投稿では、品質値が実際に何を設定するのか、80 が 80 ではない理由、形式を正直に比較する方法について説明します。
2 つのファイル、同じスライダー、異なる結果 — 開発者が形式を交換しても番号を維持すると、不一致が発生します
JPEG に対して 80 を選択し、WebP に対して 80 を選択すると、2 つの視覚的な結果ではなく、2 つのコントロールが配置されます。 ToolAcre は、同じ正規化された数値を異なるブラウザー エンコーダー モードに渡し、各形式で独自のバイトを生成します。スライダーを保持したまま拡張子を交換する開発者は、フォーマットとエンコーダーを同時に変更したため、等しい入力では等しいダメージや等しいサイズを確立できません。
パネルは、エンコードされた Blob を測定することで、そうでないふりをすることを回避します。実際の前後のバイトを 1 つの結果として使用し、別の結果としてイメージを検査します。サイトのワークフローでデフォルトを選択する必要がある場合は、共有スケールをフォーマット間の調整として扱うのではなく、代表的な写真、グラフィックス、透明度をテストしてください。
品質数値が実際に制御するもの — 測定可能なもののパーセンテージではなく、エンコーダーの量子化テーブルに適用されるスケール係数
ワークブックでは、量子化テーブルに対するスケール係数を品質と呼んでいます。このレベルのエンコーダの詳細は、このリポジトリによって実装または表示されません。 `clampQuality` は、UI パーセンテージを 0.01 と 1 の間の有限数に変換するだけであり、 `encodeCanvas` はそれをブラウザーに提供します。テーブル、係数、保持情報のパーセンテージは返されません。
この修正により、誤解を招くメンタル モデルが防止されます。 80 は、ソースの詳細の 80 パーセント、ファイル サイズの目標 80 パーセント、またはブラウザ間で比較できるスコアを意味するものではありません。作成したファイルからのみ効果が分かるリクエストパラメータです。したがって、ToolAcre の最も強力な証拠は、スライダーに関する式ではなく、出力バイトと目視検査です。
品質は、リポジトリで定義されたテーブル スケールではなく、不透明なブラウザ エンコーダ入力です。
JPEG と WebP には、形式テーブルに別個の MIME タイプと別個のエントリがあります。どちらも非可逆としてマークされ、どちらも品質を受け入れ、WebP はアルファを保持しますが、JPEG はアルファを保持しません。これらの製品事実以外に、ブラウザ固有のマッピングは隠されたままです。アプリケーションは、1 つの整数に対して同一の曲線、量子化テーブル、または知覚動作を主張しません。
同じブラウザでもリリース間でエンコーダを進化させることができますが、別のプラットフォームでは同じ設定で数キロバイト異なるファイルが生成される場合があります。安定した出力が重要な場合は、ブラウザとバージョンを記録します。バイトごとの再現性が要件である場合、実装の詳細がピン留めされていない組み込みのキャンバス エンコーダは適切な契約ではありません。
JPEG と WebP は別個のエンコーダーです。彼らのプライベートマッピングはここでは公開されません
Canvas API は、非可逆エンコーダの公称 0 から 1 の範囲の品質を受け入れます。 ToolAcre は受け入れられる設定を 0.01 から 1 までに絞り込み、0.82 から開始します。 PNG では、フォーマット レコードに制御が適用されないことが示されているため、品質が完全に省略されています。これらは、コードとテストによって検証されたアプリケーションの動作です。
リポジトリは、JPEG または WebP の品質が省略された場合にブラウザが選択するデフォルトを確立しません。通常、プランでは 1 つ提供されます。また、エンコーダの労力や調整フラグも公開しません。したがって、比較では、不特定のブラウザーのデフォルト値や別のアプリケーションの「80」ラベルから推測するのではなく、ToolAcre が使用した正確な値を示す必要があります。
ToolAcre はクランプされた 0.01-to-1 値を渡し、ブラウザーのデフォルトを定義しません
結果のマッチングは、重要な軸を選択することから始まります。アップロード制限を厳密にするには、測定された同様のサイズに近いファイルを比較し、よりクリーンなファイルを優先します。編集品質を最低レベルにするには、アーティファクトが許容できなくなるまで各フォーマットを個別に下げ、結果のバイトを比較します。スライダーの位置が同じであれば、どちらの質問にも答えられません。
この段階では寸法を固定してください。サイズ変更はサイズを支配し、独自のリサンプリング変更を導入する可能性があるため、形式の比較が解釈しにくくなります。エンコーダの選択を理解したら、実際の表示寸法で繰り返します。この順序は、フォーマットの動作と、提供するピクセル数が少ないことによる個別の利点およびコストを区別します。
作業例: 1 枚の写真を両方の形式でいくつかの品質でエクスポート — 同様のサイズのファイルをペアにして、100 パーセントで検査
肌、葉、滑らかな空、鋭い建物のエッジを含むソース写真を選択してください。 JPEG および WebP を、サイズを変更せずに 60、75、82、および 90 にエクスポートします。 ToolAcre は実行ごとに実際の出力バイトを報告します。画像コンテンツとブラウザのエンコーダがそれらの値を決定するため、どの記事もこれらの値を正確に事前入力することはできません。
測定されたサイズが最も近い出力をペアにして、同じ領域をネイティブ スケールで検査します。 JPEG は選択したマットを使用しますが、WebP はアルファを維持できるため、ソースに透明度がある場合は透明度に別途注意してください。比較は、サイズ、目に見える損傷、および必要なフォーマットの特徴がすべて記録されて初めて完了します。
これでカバーされないもの — SSIM、エンコーダー調整フラグ、AVIF または JPEG XL などの知覚メトリクス
ToolAcre は、SSIM やその他の知覚メトリックを計算したり、高度なエンコーダー フラグを公開したり、AVIF や JPEG XL 出力を提供したりしません。サポートされているエンコーダーは、PNG、JPEG、および WebP です。メトリクスが存在しないということは、製品が決して計算していない数値の判定を受け取るのではなく、編集者が視覚的許容しきい値に責任を負い続けることを意味します。
ターゲット サイズの検索もありません。品質を選択し、その結果を観察します。このツールは、名前付きバイトの上限に達するまで反復されません。ハードリミットの場合は、オリジナルから意図的にパスを作成し、満足のいく結果が得られた後に停止します。以前の出力を再圧縮すると、検索が生成損失になります。
要点: 数値ではなく結果を比較 — Image Converter & Compressor を使用して、何もアップロードせずに同じ画像で両方の形式を試す方法
ラベルではなく結果を比較します。品質値は、ターゲット MIME タイプ、ブラウザ、サイズ、測定バイト数、および視覚的なチェックと並んでのみ意味を持ちます。この豊富なレコードは、どちらかのエンコーダが壊れていることを示唆することなく、後のブラウザや別の画像で別の番号が必要になる理由も説明しています。
Image Converter & Compressor は、ローカルで実験をサポートします。1 つのソース、個別に選択された JPEG および WebP 設定、正直な非可逆警告、および測定されたダウンロードです。マスターを保持し、スライダー番号が他の形式と異なる場合でも、実際のビジュアル要件と互換性要件を満たす最小の結果を選択します。