PNG 圧縮
PNG にはブラウザーで使える品質スライダーがありません。このツールは任意のピクセル変更を明示し、再エンコードした PNG が実際に小さくなったかを報告します。
明示的な PNG 候補
PNG 候補を作成してバイト数を比較
Canvas には標準の PNG 品質スライダーがありません。通常の再エンコードでは元のピクセル寸法とデコードされた RGB の細部を維持し、サイズ変更や色の細部の変更を明示的に選べます。結果が小さくなる保証はありません。
使い方
使い方
- 20 MB 以下、40 メガピクセル以下の PNG を 1 つ選びます。
- 寸法とデコード後の RGB の細部を維持するか、最長辺を小さくするか RGB ビット数を減らします。
- PNG 候補を作成し、元ファイルとバイト数および寸法を比較して、用途に合う場合だけダウンロードします。
ブラウザーで PNG にできること
Canvas は画像をデコードして新しい PNG をエンコードできますが、PNG エンコーダーには標準の品質制御がありません。同じ寸法で 8 ビットの候補は、ブラウザーがデコードしたピクセルを新たにエンコードしたものであり、最適化が保証されるものでも、元ファイルをバイト単位で可逆に書き換えたものでもありません。特に元ファイルがすでに最適化されている場合、サイズが増えることがあります。
バイト数を減らす任意の変更
最長辺を短くするとピクセルが削除されます。RGB チャンネルごとに 6、5、4 ビットを選ぶと、デコード後の赤、緑、青の各値がより少ない段階に丸められます。一部の画像では目に見える劣化が生じます。Alpha 値はデコード画像からコピーされるため、透明や半透明のピクセルはそのまま透明ですが、完全に透明なピクセルの下にある色はデコードと再エンコード後に変わる場合があります。
制限とメタデータ
入力は 20 MB 以下、40 メガピクセル以下の PNG 1 つです。出力は各辺 10,000 ピクセル、合計 40 メガピクセルまでです。ブラウザーはデコード後のピクセルから新しい PNG を書き込み、元のメタデータ、カラープロファイルチャンク、アニメーション、圧縮データそのものは保持しません。選択した画像はこのブラウザー内に留まります。
よくある質問
あわせて知りたいこと
これは可逆 PNG 圧縮ですか？
元の寸法と 8 ビット RGB を維持する場合に限り、見た目の範囲で限定的に可逆です。ページは RGB 値を意図的に変更せず、ブラウザーがデコードしたピクセルを再エンコードします。元の PNG バイト、メタデータ、プロファイル、目に見えない色値すべてを保持するものではなく、ファイルが小さくなる保証もありません。サイズ変更や RGB ビット数の削減は非可逆です。
品質スライダーがないのはなぜですか？
ブラウザーの Canvas PNG エンコーダーには、移植可能な PNG 品質設定がありません。スライダーを表示すると、実際にはない制御があるように誤解させます。明示的なサイズと RGB の細部の設定を使ってください。
透明度は維持されますか？
候補は PNG としてエンコードされ、デコードした Canvas から Alpha 値をコピーするため、通常の透明・半透明領域は維持されます。Canvas 変換では元の PNG メタデータやカラープロファイルチャンクは保持されません。
結果のほうが大きくなることはありますか？
あります。PNG の圧縮結果は画像の内容とエンコーダーによって異なります。ページは元ファイルと候補のバイト数を比較するため、候補が役立たなければ元ファイルを使えます。