アニメーション画像の テストをしています。
⇒ Ｍｙブログ：「APNG」で検索
定番の Gif というファイル形式をいつも使っています。でも、いまいち画像の色が冴えない・・・。
APNG というファイル形式があることを知り、試しました。
オリジナルの画像のまま、きれいなアニメーションができます。
でも、どのブラウザでも表示するとは限らないので、ブログに載せても皆さんに見てもらうのには不向きかも。
結局、しばらくは試したけれど、もうAPNGファイル形式のアニメーションは作っていません。
→ Wikipedia Animated Portable Network Graphics
2025年3月4日 追記
ブラウザ Chromeに APNGの拡張機能に関するお知らせが届きました。
『APNG この拡張機能はサポートが終了したため、オフになりました。削除することをおすすめします。
APNG オフ • この拡張機能は、データの収集方法や使用方法などのプライバシー保護の取り組みを公開していません』
ということで、久しぶりで APNG について調べました。
検索すると、
2021～2023年頃には、APNG をおすすめする記事が見られます。（作成方法とか）
2024年～は、 APNG と WebP に関する記事が見られます。
参考
・ 【APNG vs WebP】次世代アニメーション画像フォーマットを比較。さらに実際に作成してみよう！2024／09／17
下記の2017年までの文を読んで、いまいちはっきりしないところもあったので、
2015年、2016年、2017年の七夕の APNGアニメーションファイルを
Gooブログ（ここです）にアップしてみました。
見る環境で、違うようです。（PC・スマホ、ブラウザ、ブログサービス、時期など）
・ APNGアニメーションで表示
・ PNG静止画で表示
・ 表示しない
2017年の七夕 （1.19MB）400＊400ピクセル を 200ピクセル で
2016年の七夕 （986KB）400＊400ピクセル を 200ピクセル で
2015年の七夕 （324KB）400＊400ピクセル を 200ピクセル で
Gooブログで、APNGアニメーションが、表示されたらいいけれど。（*^_^*）♪
ちなみに、HPから、Gooブログへのリンク表示はできませんが、
HPで、APNGアニメーションを見ることはできます
→ 「パ･そ･ぼ」のAPNGのページ
★ APNGアニメーションファイルは、ブラウザ FIREFOX、Chromeで表示します。
下記は、前の「Autopageブログ」を使っていたときに書いたものです。
（2022年にGooブログに引っ越しして一部修正しています）
★ 2015／06／23 記
2016／04／01、2016／12／23、2017／7／7 追記
2017／7／7 七夕飾りのアニメーションを作りました。
同じものでも Gifアニメでは618KB、Apngアニメでは 1223KBとファイルサイズが倍も大きいです。
ファイルサイズが大きいので、直接Gooブログにアップはできません。
「パ･そ･ぼ」のHPに載せているAPNGファ入りをリンク表示してみました。
APNGアニメ：七夕飾り （HPよりリンク表示）↓
（EdgeやIEでは動かないかもしれません。
ブラウザは、FireFox 又は Chromeで見て下さいね）
Gifアニメとの比較はこちらを どうぞ！
→ 七夕の短冊飾ります 2017 ～ ベルルのお絵かき・ふりーく
→ 七夕の短冊を飾ろう：2017 ～ パそぼのあれこれフリーク：Part2
～ ～ ～ ～ ☆ ～ ～ ～ ～ ☆ ～ ～ ～ ～
アニメーション画像の テストをしています。
Gif画像は、よく使っていますが、今回はAPNG。
PNGのアニメーション版 APNG
（Animated Portable Network Graphics）
↓ HPよりリンク表示
こちらは ↓ Gooブログに、UPしたAPNG
↑ 動いて、見えますか （*^_^*）♪
★ 見るには？ 2017／7／7 時点
◇ Webブラウザ
・ FireFox では、なにげに アニメーションが表示されます。（*^_^*）♪
・ Chromeは 以前は要プラグインでしたが、今は動いています。
→ APNG - Chrome Web Store google chrome用のアドオンDLページ
・ Edge、IE不可。
◇ PCで、PNGアニメーションを表示できるビューア「XnView」 （未利用）
◇ iOS 8では APNG がサポートされているそうです。（今度確認しますね！）
★ 作成は？
では、作ってみましょう
◇ まずは試しに、GifアニメをAPNGアニメに変換！
「GIF to APNG」 SourceForge.net ～ gifアニメをapngに変換するフリーソフト
Gif画像 → GifをAPNGに変換 ～ FF、CChromeとも表示するのは右端
オリジナル（GooブログのGif） ・ （Gooブログのapng） ・ （HPからリンク表示したPNG）
◇ PNG画像から APNGアニメーション作成
APNG Assembler ～ apngアニメを作成するフリーソフト
PNGからAPNG作成 （手動で時間設定もできます）
（Gooブログのapng） （HPからリンク表示したPNG）
◇ 画像作成から 全部やるなら、Gimp がよさそうです。
プラグイン 又は、Gimp に 「GIMP Extensions」追加
→ GIMP の機能を大幅に拡張してくれるツールパック「GIMP Extensions」
→ GIMPの使い方 ～プラグイン～
★ 公開は？
作ったら、ブログにアップ！！ したいですが・・・、
ほとんどのブログでは、UP出来る画像が「JPG、PNG、GIF」だけです。
幸い、seesaaブログなら「APNG」もUPできるので、先に、seesaaブログにAPNGをアップして記事を書きました。
⇒ アニメーションテスト ～ Ｍｙブログ「ベルルの欲しいなブログ」
ここのブログでは、その画像をリンクで紹介しています。
でも、「APNG」は、Chromeプラグインでは、表示不可とわかりました。
一方seesaaブログに「PNG」でアップすると単なるPNG画像として取り扱われます。
結局、一般のHPに画像アップして ブログにリンク表示なら、Firefox、Chromeとも表示することがわかりました。
以上、いろいろ調べて、ＡＰＮＧ画像を作成しました。
今回は 作成したファイルの表示の確認が主目的です。
Gifアニメより きれいにできるそうですが、そのテストはこれからになります
未だ一般的ではないので、慌てることはないでしょう。
待てば、使いやすいツールが出てくるかもしれません。
参考
・ 2015年02月04日 PNG型式でアニメーションができる！ APNG型式ではない！
・ フルカラーアニメが作れる！？GIFアニメに代わる新たな拡張子APNGが凄い！！ 2014年10月10日
テスト：ウィキペディアから お借りし一旦 PCに保存した png （動きません・・・）
GooブログにUPした APNG
これは、↓ Wikipediaの apngのページの 画像をリンク表示させたもの。
★ FireFoxでは、アニメーションが表示されます
（chromeは 要プラグイン。 IE不可。）
→ APNG - Chrome Web Store google chrome用のアドオンDLページ
iOS 8でも APNG がサポートされたそうです。
今後は、どうなるのでしょう。
もう少し、勉強します。
2016／12／23
久しぶりに Apngアニメーションを作ろうと思った！
Windows10のPCに ソフトをDLしたが、動かない。!!（＞д＜）ノ
→ APNG Assembler ～ apngアニメを作成するフリーソフト
Windows7のパソコンなら同じソフトを使えるのでそこで作成したが、やり方をすっかり忘れていて、難航した・・・。
その後、Windows10のPCでも 作成できました。（*^_^*）♪
無事、完成！ ⇒ Ｍｙブログ：「Ｘ’ｍａｓツリーを飾ろう：2016」
⇒ Ｍｙブログ：「APNG」で検索
定番の Gif というファイル形式をいつも使っています。でも、いまいち画像の色が冴えない・・・。
APNG というファイル形式があることを知り、試しました。
オリジナルの画像のまま、きれいなアニメーションができます。
でも、どのブラウザでも表示するとは限らないので、ブログに載せても皆さんに見てもらうのには不向きかも。
結局、しばらくは試したけれど、もうAPNGファイル形式のアニメーションは作っていません。
APNG（エーピング）とは、
複数の静止画を1つのファイルに格納してアニメーション再生できる画像形式です。
PNG（ピーエヌジー）ファイル形式をベースに開発されました。
特徴
アニメーションGIFよりも高品質な画像でアニメーション表示できる。
背景が透過されており、1677万色（24bit）を使った色彩表現が可能。
PNG形式と同じ可逆圧縮の特性を持つため、画像が劣化しにくい。
→ Wikipedia Animated Portable Network Graphics
2025年3月4日 追記
ブラウザ Chromeに APNGの拡張機能に関するお知らせが届きました。
『APNG この拡張機能はサポートが終了したため、オフになりました。削除することをおすすめします。
APNG オフ • この拡張機能は、データの収集方法や使用方法などのプライバシー保護の取り組みを公開していません』
ということで、久しぶりで APNG について調べました。
検索すると、
2021～2023年頃には、APNG をおすすめする記事が見られます。（作成方法とか）
2024年～は、 APNG と WebP に関する記事が見られます。
参考
・ 【APNG vs WebP】次世代アニメーション画像フォーマットを比較。さらに実際に作成してみよう！2024／09／17
APNGとWebPのどちらが適していますか？
高品質な色表現と透過が必要なアニメーションが求められる場合は、APNGが適しています。
ファイルサイズを抑え、滑らかなアニメーションを提供したい場合は、WebPが最適です。
特に複雑なアニメーションや長時間のアニメーションでは、WebPがより効率的です。
用途に応じて、最適なフォーマットを選びましょう。2024／09／17
下記の2017年までの文を読んで、いまいちはっきりしないところもあったので、
2015年、2016年、2017年の七夕の APNGアニメーションファイルを
Gooブログ（ここです）にアップしてみました。
見る環境で、違うようです。（PC・スマホ、ブラウザ、ブログサービス、時期など）
・ APNGアニメーションで表示
・ PNG静止画で表示
・ 表示しない
2017年の七夕 （1.19MB）400＊400ピクセル を 200ピクセル で
2016年の七夕 （986KB）400＊400ピクセル を 200ピクセル で
2015年の七夕 （324KB）400＊400ピクセル を 200ピクセル で
Gooブログで、APNGアニメーションが、表示されたらいいけれど。（*^_^*）♪
ちなみに、HPから、Gooブログへのリンク表示はできませんが、
HPで、APNGアニメーションを見ることはできます
→ 「パ･そ･ぼ」のAPNGのページ
★ APNGアニメーションファイルは、ブラウザ FIREFOX、Chromeで表示します。
下記は、前の「Autopageブログ」を使っていたときに書いたものです。
（2022年にGooブログに引っ越しして一部修正しています）
★ 2015／06／23 記
2016／04／01、2016／12／23、2017／7／7 追記
2017／7／7 七夕飾りのアニメーションを作りました。
同じものでも Gifアニメでは618KB、Apngアニメでは 1223KBとファイルサイズが倍も大きいです。
ファイルサイズが大きいので、直接Gooブログにアップはできません。
「パ･そ･ぼ」のHPに載せているAPNGファ入りをリンク表示してみました。
APNGアニメ：七夕飾り （HPよりリンク表示）↓
（EdgeやIEでは動かないかもしれません。
ブラウザは、FireFox 又は Chromeで見て下さいね）
Gifアニメとの比較はこちらを どうぞ！
→ 七夕の短冊飾ります 2017 ～ ベルルのお絵かき・ふりーく
→ 七夕の短冊を飾ろう：2017 ～ パそぼのあれこれフリーク：Part2
～ ～ ～ ～ ☆ ～ ～ ～ ～ ☆ ～ ～ ～ ～
アニメーション画像の テストをしています。
Gif画像は、よく使っていますが、今回はAPNG。
PNGのアニメーション版 APNG
（Animated Portable Network Graphics）
↓ HPよりリンク表示
こちらは ↓ Gooブログに、UPしたAPNG
↑ 動いて、見えますか （*^_^*）♪
★ 見るには？ 2017／7／7 時点
◇ Webブラウザ
・ FireFox では、なにげに アニメーションが表示されます。（*^_^*）♪
・ Chromeは 以前は要プラグインでしたが、今は動いています。
→ APNG - Chrome Web Store google chrome用のアドオンDLページ
・ Edge、IE不可。
◇ PCで、PNGアニメーションを表示できるビューア「XnView」 （未利用）
◇ iOS 8では APNG がサポートされているそうです。（今度確認しますね！）
★ 作成は？
では、作ってみましょう
◇ まずは試しに、GifアニメをAPNGアニメに変換！
「GIF to APNG」 SourceForge.net ～ gifアニメをapngに変換するフリーソフト
Gif画像 → GifをAPNGに変換 ～ FF、CChromeとも表示するのは右端
オリジナル（GooブログのGif） ・ （Gooブログのapng） ・ （HPからリンク表示したPNG）
◇ PNG画像から APNGアニメーション作成
APNG Assembler ～ apngアニメを作成するフリーソフト
PNGからAPNG作成 （手動で時間設定もできます）
（Gooブログのapng） （HPからリンク表示したPNG）
◇ 画像作成から 全部やるなら、Gimp がよさそうです。
プラグイン 又は、Gimp に 「GIMP Extensions」追加
→ GIMP の機能を大幅に拡張してくれるツールパック「GIMP Extensions」
→ GIMPの使い方 ～プラグイン～
★ 公開は？
作ったら、ブログにアップ！！ したいですが・・・、
ほとんどのブログでは、UP出来る画像が「JPG、PNG、GIF」だけです。
幸い、seesaaブログなら「APNG」もUPできるので、先に、seesaaブログにAPNGをアップして記事を書きました。
⇒ アニメーションテスト ～ Ｍｙブログ「ベルルの欲しいなブログ」
ここのブログでは、その画像をリンクで紹介しています。
でも、「APNG」は、Chromeプラグインでは、表示不可とわかりました。
一方seesaaブログに「PNG」でアップすると単なるPNG画像として取り扱われます。
結局、一般のHPに画像アップして ブログにリンク表示なら、Firefox、Chromeとも表示することがわかりました。
以上、いろいろ調べて、ＡＰＮＧ画像を作成しました。
今回は 作成したファイルの表示の確認が主目的です。
Gifアニメより きれいにできるそうですが、そのテストはこれからになります
未だ一般的ではないので、慌てることはないでしょう。
待てば、使いやすいツールが出てくるかもしれません。
参考
・ 2015年02月04日 PNG型式でアニメーションができる！ APNG型式ではない！
・ フルカラーアニメが作れる！？GIFアニメに代わる新たな拡張子APNGが凄い！！ 2014年10月10日
テスト：ウィキペディアから お借りし一旦 PCに保存した png （動きません・・・）
GooブログにUPした APNG
これは、↓ Wikipediaの apngのページの 画像をリンク表示させたもの。
★ FireFoxでは、アニメーションが表示されます
（chromeは 要プラグイン。 IE不可。）
→ APNG - Chrome Web Store google chrome用のアドオンDLページ
iOS 8でも APNG がサポートされたそうです。
今後は、どうなるのでしょう。
もう少し、勉強します。
2016／12／23
久しぶりに Apngアニメーションを作ろうと思った！
Windows10のPCに ソフトをDLしたが、動かない。!!（＞д＜）ノ
→ APNG Assembler ～ apngアニメを作成するフリーソフト
Windows7のパソコンなら同じソフトを使えるのでそこで作成したが、やり方をすっかり忘れていて、難航した・・・。
その後、Windows10のPCでも 作成できました。（*^_^*）♪
無事、完成！ ⇒ Ｍｙブログ：「Ｘ’ｍａｓツリーを飾ろう：2016」
（人気定番記事）ninkiteiban
アクセス
トータル
ランキング
※コメント投稿者のブログIDはブログ作成者のみに通知されます