複数画像から GIF を作成
静止画を並べてGIF化。共通キャンバス、個別の表示時間、ループ、色数、ディザを設定して動きを確認できます。
GIF をスプライトシートに変換
フレームを格子状に配置 · 座標ファイル
画像はアップロードされません
画像または ZIP ファイルをドロップ
画像の貼り付けや複数選択にも対応しています。
GIF
処理設定
詳細設定
書き出し設定
証明写真の構図端末内の検出は構図案を作るだけです。書き出す前に手動で調整できます。
この画像の構図はまだ確定されていません。
証明写真の背景必要な場合だけ端末内で人物を切り抜きます。元画像は送信されません。
画像サイズ
プリセットサイズ主要サービスの推奨サイズ
複数のサイズを選ぶと、画像ごとに各サイズを書き出します。
アイコンのセーフエリア
同じ構図から Favicon、PWA、一般的なアプリアイコンと manifest を生成します。
切り抜き範囲枠をドラッグして位置と大きさを調整
回転0°
画質
四辺の余白px
画像を高解像度化Real-ESRGAN · 2×
画像から色を選択
フレーム範囲終了を空欄にすると最後まで処理します。
Base64 はデータ量が増えます。ブラウザーのメモリを守るため入力サイズを制限しています。
ファイル
0 · 0 件選択中
画像が選択されていません。
このツールについて
アニメーションを自分のプログラムで制御する場合に、1枚のテクスチャとして使えます。画像だけでなく座標ファイルも保存し、再生処理に組み込みます。
使い方
GIF をスプライトシートに変換
このツールでできること
GIFの各コマを列数と間隔に沿ってPNGへ配置。JSONの座標と表示時間、CSS位置を出力し、Webやゲームで利用できます。
使い方
GIFのフレームを解析し、列数と間隔を設定して順番に1枚のスプライトへ配置します。画像とともにフレーム座標表も生成され、Webやゲームで利用できます。
結果の確認と次の処理
主画像に座標、manifest、補助コードが付属します。完全なZIPを保存するとファイル同士の対応を保てます。
プライバシーとローカル処理
処理はブラウザ内で行われ、このツールから元画像がアップロードされることはありません。
よくある質問
スプライトシートは自動再生されますか？時間情報はどこですか？
PNG 自体は静止画です。JSON に各コマの座標、寸法、デコード後の表示時間が入り、未設定または 0 の時間は 100 ms になります。CSS は背景位置を提供します。Web やゲーム側で再生を実装してください。シート全体にはキャンバスの画素上限も適用されます。
列数を変えてもスプライトシートが大きすぎる場合は？
列数は縦横の形を変えるだけで、総画素数は減りません。フレームを縮小するか数を減らし、再度シートを作成してください。新しいシートには同時に出力した座標データを使います。
関連ツール
新しいタブで開きます
コメント
0