animation - アニメーション フレームを含む画像の png 圧縮を最大限に活用するにはどうすればよいですか?

Question

画像クリッピングを介してJavaScriptを使用したアニメーションを作成しようとしています。これが私が話していることの例です: http://www.def-logic.com/_dhtml/freejack/hero1.gif

png は圧縮に一種の予測を使用することを知っています。圧縮を最大限に活用するために、上記のような画像をレイアウトする最良の方法は何でしょうか? 画像が上記のものよりも非常に似ている場合に特に興味があるため、冗長性による圧縮の可能性がたくさんあります。

たとえば、うまく機能するタイルの特定のサイズはありますか?

Answer 1

たとえば、うまく機能するタイルの特定のサイズはありますか?

あまり。PNG 予測は厳密にローカル (3 つの隣接ピクセルを使用) であり、予測 (「フィルター」) 戦略はライン単位で選択できます。

この種の冗長性は、PNG 圧縮ではあまり検出できません (実際には JPG やその他の圧縮では検出できません)。

タイルの分布を自由に選択できる場合 (行ごとに少数または多数)、それを変更してみてください。小さな影響を与える可能性があります (長い線が少ない代わりに短い線が多い画像を使用すると、フィルターがより適切になります)さまざまなフィルターを選択する機会があります) が、繰り返しますが、違いは非常に小さいと思います。