🎞️ APNG/スプライトシート作成

画像をアニメーションPNGスプライトシートに合成

✓ ずっと無料 · ✓ 登録不要 · ✓ アップロード不要 · ✓ オフライン対応

🔒 画像がデバイスの外に出ることはありません。 すべての処理はCanvasレンダリング + PNG書き出しを使用してブラウザ内でローカルに行われます。アップロード、サーバー、追跡は一切ありません。

特長

  • スプライトシート作成 — 複数の画像を横一列のスプライトシートにまとめます。
  • GIFより高品質 — PNGは24ビットカラーと完全なアルファ透過に対応しています。
  • カスタムサイズ — 各フレームの出力幅を設定できます。

仕組み

  1. フレームを追加 — 複数の画像をドロップするか選択します。
  2. 並べ替え — フレームの順番を入れ替え、表示時間を設定します。
  3. 作成 — スプライトシートを生成するか、フレームを個別にダウンロードします。

活用例

  • 個別のフレームからゲーム用スプライトシートを作成
  • CSSアニメーション用のスプライトシートを作成

よくある質問

APNGとは何ですか？

APNG（Animated PNG）はGIFのようなアニメーション形式ですが、数百万色とフルアルファ透過に対応しているので、アニメーションがずっときれいに見えます。

APNGとGIF、どちらが良いですか？

画質ではAPNGの勝ちです。なめらかなグラデーション、256色の制限なし、きちんとした透過。GIFは古い環境での対応がわずかに広い程度です。

ブラウザはAPNGに対応していますか？

はい。Chrome、Firefox、Safari、EdgeのいずれでもAPNGを再生できます。非対応の環境では最初のフレームが表示されます。

画像はアップロードされますか？

いいえ。APNGはブラウザ内で組み立てられます。アップロードもアカウント登録も不要で、透かしも入りません。

関連ツール

💬 バグ、アイデア、ご挨拶など？ Milo 🐨 に連絡 · [email protected]