国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

JavaScript - Canvas の畫像圧縮の原理は何ですか?
給我你的懷抱
給我你的懷抱 2017-06-26 10:55:55
0
2
1238

キャンバスの toDataURL メソッドでは、圧縮後の畫像の形式と圧縮品質(zhì)を指定できます。たとえば、畫像を WebP 形式に圧縮します。 リーリー

toDataURL は、base64 を使用して畫像をエンコードし、エンコードされたソース ファイルはエンコード前より 33% 大きくなります。アドレスを參照してください。ただし、quality パラメーターで圧縮品質(zhì)を指定でき、より圧縮品質(zhì)が近くなります。 0にすると、畫像圧縮が強(qiáng)くなります。

質(zhì)問 1: Base64 エンコードを使用して畫像ソース ファイルを拡大すると、Base64 で畫像を圧縮できますか?

質(zhì)問 2: 小さな畫像を Base64 でエンコードするのは、http リクエストを減らすためだけですか?

質(zhì)問 3: Canvas で toDataURL メソッドを使用して畫像を圧縮する原理は何ですか?品質(zhì)パラメータは具體的に何をするのでしょうか?

給我你的懷抱
給我你的懷抱

全員に返信(2)
滿天的星座

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

黃舟
  1. まさか

  2. です
  3. 畫像エンコード形式の品質(zhì)を制御します。たとえば、webp は、品質(zhì)が高くなるほど損失が小さくなり、ファイル サイズが大きくなります。

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート