フルカラーアニメが作れる!?GIFアニメに代わる新たな拡張子APNGが凄い!!

towmater
WEBのアニメ画像はGIFが主流でしたが、近年APNG拡張子が登場しました。このAPNGはGIFアニメに比べて優れた点が多いようですよ!

APNGとは?

Animated Portable Network Graphics
読み方:エーピング
Animated Portable Network Graphicsの拡張子APNGは、PNGのアニメーション版です。
このAPNGはGIFアニメに比べて優れた点が多いようですよ!

GIFと比べ、フレーム内でフルカラー画像が取り扱えるようになり、さらにアルファチャンネルを使って背景にとけ込むような表現が可能となった。
Animated Portable Network Graphics – Wikipedia

GIF に比べて圧縮率が高いため画素を保ちつつファイルサイズをさらに小さくできる。
アニメーションpng (あにめーしょんぽーたぶるねっとわーくぐらふぃっくす)とは【ピクシブ百科事典】

どれだけ変わる?

APNG
非常になめらかです!
APNG
背景の再現が全然違いますね。アニメなのに、信じられません。

GIFとの仕様の差

【GIF】
色数=256色
コマ毎の表示時間=調整可
フレームレート=なし
一回再生=可
非対応ブラウザ=なし

【APNG】
色数=フルカラー
コマ毎の表示時間=一定
フレームレート=指定可
一回再生=ループのみ
非対応ブラウザ=1コマめを静止画表示

対応ブラウザ

対応環境がまだ十分じゃないのが難点のようですね。

これだけの利点を持っていながら、2012年時点で APNG に対応しているブラウザシェアは 1/5 程度で、現時点のメジャーなものでは Firefox と Opera が正式対応し、 Google Chrome は拡張機能でのみ再生できる
アニメーションpng (あにめーしょんぽーたぶるねっとわーくぐらふぃっくす)とは【ピクシブ百科事典】

google chrome用のアドオンDLページ

APNG制作用ツール

firefox用apng制作アドオン

gimpでapngを扱うためのアドオン

gifアニメをapngに変換するフリーソフト

https://matome.naver.jp/odai/2141225961613637001
2014年10月10日