[iOS 8] Safari 8 で対応したAPNG（アニメーションPNG）の作成方法 | DevelopersIO
前回まで、APNGの概要を紹介しました。今回は実際にアニメーションPNGの作成についてご紹介できればと思います。 ですが、アニメーションGifのようにサクッと作れるものだと思っていたのですが、、、 まだまだ対応ブラウザが少ないため、ひと手間が必要みたいです。 フレームアニメーション画像素材の準備 まずは、アニメーションGifの作成と同じようにフレームアニメーション画像素材を準備します。 フレームアニメーション画像を作成できるツールはたくさんありますが、私はPhotoshopで作成してみました。 Photoshopメニューからウィンドウメニュー > タイムラインを選択、 下記のタイムラインパネルが表示されます。そのパネル内のフレームアニメーションを作成を選択します。 その後、以下のようなフレームごとの編集ができるウィンドウが表示されます。 今回はPhotohopでのフレームアニメーション作成
![[iOS 8] Safari 8 で対応したAPNG（アニメーションPNG）の作成方法 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/34de6d57437c5cfc77b749f99e4483a7a1702539/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fios81.png)
ウェブ用アニメーションを劣化なく保存できる画像形式APNGの作り方 - ICS MEDIA
APNGエーピング(Animated Portable Network Graphics)形式とは、高画質なアニメーション用の画像形式です。類似の画像形式としてGIFアニメーション形式が存在しますが、APNGは高画質化が可能であり透過情報の扱いに長けています。詳しい利点は記事「これからはGIFアニメからAPNGの時代に」で紹介しています。 本記事ではAPNGファイルの作り方を解説します。APNGファイルの作り方はいろいろありますが、「できるだけデータ容量を軽く」というテーマでまとめてました。 ※LINEアニメーションスタンプの作り方については、記事「LINEのアニメーションスタンプはこう作る！ APNGファイルの作り方を徹底解説」で解説してます。 APNGの作り方の手順 本記事では次の手順で解説します。 Adobe Animateでアニメーションを作成 アニメーションの連番画像を書き出し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
