本文へスキップ
PNGフレームからスプライトシート

PNGからスプライトシート

PNGフレームをアップロードして配置し、アニメーションをプレビュー。スプライトシートや個別PNGとJSONタイミングデータをZIPで書き出せます。基本変換は無料・登録不要です。

最大120枚のPNGフレーム透明度を維持ZIPをダウンロード
PNGフレームの作業スペースPNGフレーム

素材をアップロード

ここにPNGフレームをドロップしてください。

PNG · 最大120フレーム
PNGフレームの作業手順

PNGフレームからスプライトシートを作るには

お持ちのPNGフレームをアップロード。SpriteFrameはファイル名の数字順に自然に並べ、透明度を維持し、書き出し前に動きを確認できます。

  1. 01

    フレームをアップロード

    最大120個のPNGを選択します。walk_2.pngとwalk_10.pngのような番号付きファイルは自然な数字順に並び、後から並べ替えられます。

  2. 02

    アニメーションを確認

    動きをプレビューし、不要なフレームを除外してループを調整します。各フレームの透明度は維持されます。

  3. 03

    ゲーム用に書き出す

    スプライトシートまたは個別PNGを選び、フレームサイズを設定してPNGとJSONタイミングデータをZIPでダウンロードします。

例:8フレームの歩行

別々のポーズを1つのシートに

透過の歩行画像が8枚ある場合、一緒にアップロードして順序を確認し、シートを書き出せます。JSONはフレーム順と時間を記録し、実際の再生はゲームエンジンで設定します。

入力walk_01.png … walk_08.png透過PNG 8フレーム
ダウンロードsheet_01.png + animation.json1つのZIPに含まれるファイル

PNG変換についての質問

アカウントは必要ですか?

いいえ。自分のPNGフレームの結合、編集、書き出しはログインせず無料で使えます。任意のAI背景除去にはクレジットを使用します。

PNGのサイズが異なる場合は?

共通の透明キャンバスに揃えます。読み込み時に元画像を引き伸ばすことはなく、書き出し時にサイズを指定できます。

個別のフレームをダウンロードできますか?

はい。書き出しでPNGシーケンスを選ぶと、個別フレームとJSONタイミングデータをZIPでダウンロードできます。

ファイルはどこで処理されますか?

基本のPNG編集はブラウザーで動作します。AI背景除去を選ぶと、対象フレームを計算プラットフォームに送信します。

書き出したJSONはフレーム順とタイミングの参考データです。分割や再生はゲームエンジンで設定してください。 Godot · Unity