キャンバスの toDataURL メソッドでは、圧縮後の畫像の形式と圧縮品質(zhì)を指定できます。たとえば、畫像を WebP 形式に圧縮します。 リーリー
toDataURL は、base64 を使用して畫像をエンコードし、エンコードされたソース ファイルはエンコード前より 33% 大きくなります。アドレスを參照してください。ただし、quality パラメーターで圧縮品質(zhì)を指定でき、より圧縮品質(zhì)が近くなります。 0にすると、畫像圧縮が強(qiáng)くなります。
base64 は、1 文字に 6 ビットが対応するというルールに従って、畫像に対応するバイナリ コードのみを変換します。トランスコード後のファイルは、元の畫像ファイルよりも大きくなります。ただし、小さい畫像の場(chǎng)合、変換後に送信される追加バイトは、追加の http 接続を確立するよりもはるかに安価であるため、base64 を使用して小さい畫像をトランスコードし、ページの読み込み速度を向上させます。
畫像圧縮の原理については、簡単に言うと、畫像上の色の違いをアルゴリズムによって削減し、畫質(zhì)を犠牲にします。例えば、似た色の4つのピクセルの色情報(bào)は、圧縮前では約16バイトありましたが、圧縮後は1色に換算すると4倍近く削減できます。品質(zhì)は色差の強(qiáng)度を制御するために使用され、値が小さいほど強(qiáng)度が高くなります。當(dāng)然、圧縮後のファイルは小さくなり、畫質(zhì)は低くなります。もっと悪い
まさか
は
畫像エンコード形式の品質(zhì)を制御します。たとえば、webp は、品質(zhì)が高くなるほど損失が小さくなり、ファイル サイズが大きくなります。