apngの作り方｜図解、アニメーション、作成

GIFアニメーションの作成サイトは多くあるが、アニメーションPNGを作成するサイトはまだまだ少なく手順が若干分かりにくいです。

今回は、アニメーションPNGの作り方をまとめたいと思います。

※APNG=Animated PNGのこと。

APNG（アニメーションPNG）の作り方

今回は「APNG Assembler」というサイトを利用してAPNGを作成します。

APNG Assembler 2.9

APNGの作成手順

※アニメーションに用いるPNGファイルは準備されているものとして進めていきます。

事前準備としてPNGの表示したい順に番号を振って、ZIP圧縮ファイルにしておいてください。

APNG Assembler に移動しておいてください。

step
①各画像の表示する秒数を決める

※画像にもよりますが0.5秒ぐらいがお勧め。

step
②最初の画像を対象にしないか決める

※基本にデフォルトのOffのままで良いです。

step
③PNGたちをまとめたZIP圧縮ファイルを選択

※本章の冒頭で記載の通り、ナンバリングしてZIP圧縮したファイルを読み込んでください。2MB以下であることが条件です。

step
④Create APNGをクリックすると完成

step
⑤できたAPNGの上で「右クリック」→「名前を付けて保存」

カンタンですね！

APNG（アニメーションPNG）のサンプル

実際に作ったAPNGはこちら。

ちゃんとAPNGになってますね。

さいごに

今回はアニメーションPNGの作り方をまとめました。

誰かのお役に立てたら嬉しいです。

以上、ワーカホリックダイアリーでした。