Info kplace.plala.jpから移設しました

■目的
劣化のないPNG画像を使用してアニメーション画像を作成します。
使用するのはAPNG Assemblerです。

■APNG
APNGはGIFアニメーションに代えてMozillaが提案のアニメーション画像フォーマットです。
GIFアニメーション比較で32ビット画像や透過画像をサポートし劣化もありません。
Chrome/Safari/Firefoxなどで対応ですがIEやEDGEでは最初のフレームのみ表示です。

■APNG Assembler
複数のPNG画像からAPNGアニメーション画像を出力の無償ソフトウェアです。
Windows/Mac対応でAPNG Assemblerのサイトからダウンロード/解凍します。
APNG Assemblerのサイトはこちら
apng assembler
■作成手順
以下はWindowsでのサンプルです。
事前にフレーム画像を作成しておきます。
APNG Assemnlerを開いてフレーム画像ファイルをドロップダウンします。
ループ回数はデフォルトで無限ですが必要なら[Playback Settings]で変更します。
フレームレートはデフォルトで1/10ですが必要なら[Delays-xxx]で変更します。
圧縮コードはデフォルトで7zipですが必要なら[Compression Settings]で変更します。
[Output file]で出力先とファイル名を指定します..拡張子はpngになります。
[Make Animated PNG]でファイルが指定先に出力されます。
detail setup
■サンプル
作成したAPNGのサンプルです。
* Chrome/Safari/Firefoxで確認できます..IE/EDGEでは最初のフレームのみ表示。
apng sample
■参考情報
ICS Media 「GIFアニメからAPNGの時代に! 次世代画像形式APNGを使いこなそう」

■結果
GIFに代わるPNGアニメーション画像の作成が可能になりました。
使用したソフトウェアはAPNG Assemblerで操作はシンプルです。
IE/EDGEなど一部非対応ブラウザでは最初のフレームのみが表示されます。

  blog    MovableType