コンテンツへスキップ

スプライトシート GIF を作る無料ツール

スプライトシート GIF は、1枚のスプライトシートを等分したコマを順番につなぎ、アニメーションにする無料のオンラインツールです。画像を選び、分割の方法を決めて「GIFを作成」をクリックするだけで、GIFを作れます。コマの遅延や繰り返し回数も、画面で設定できます。

  • サイズや時間は、テスト用に生成したアニメーションで測定しました。結果はファイルによって変わります。
  • ツールは一度に1つのファイルを処理します。アニメーションはフレーム数と合計ピクセル数で制限されます。
  • GIFは最大256色のため、色の細かい部分が変わることがあります。アニメーションWebPは非可逆圧縮です。

ここに画像をドロップ

PNG、JPG、WebP、AVIF、GIF、BMP、TIFF(5 MBまで)

空のままにすると、すべてのセルを使います。シートの末尾に空のセルがあるときに指定します。

20〜60000msで指定します。すべてのフレームがこの時間表示され、一定のテンポで再生されます。

繰り返し

セルは左から右、上から下の順に読み取ります。シートは静止画1枚にしてください。PNG、JPG、WebP、AVIF、GIF(最初のフレーム)、BMP、TIFFに対応しています。

GIFの色数は最大256色で、各ピクセルは完全な透明か完全な不透明のどちらかです。フレームを読み込んで編集し、もう一度書き出すため、色数の多いGIFは見た目が少し変わることがあります。WebPは非可逆です。画質スライダーで調整してください。

セキュリティ確認を完了すると、ボタンが有効になります。

結果

ここにGIFが表示されます。

無料のWebツールは5 MBまでの画像を、1日30枚まで処理できます。ログインすると上限は10 MBになります。

保存期間:Webツールの結果は10分後に削除され、履歴は保存されません。APIの結果は無料プランでは1日、StarterとProでは7日保存されます(BusinessとScaleでは30日)。

  • アカウント登録なしで利用可能

    無料で毎日30枚まで、透かしなし。

  • フレーム単位で編集

    フレームを1回だけ読み込んで編集し、1回だけ書き出します。元のファイルは変更されず、アップロードしたファイルは処理が終わると削除されます。

  • 自動的に削除

    Webツールの結果は10分後に削除されます。

プライバシー:送信された内容は、このファイルを作成するためにのみ使用されます。作業用のコピーはジョブの終了時に削除され、結果は10分後に削除されます。詳しくはプライバシーポリシーをご覧ください。

コードから実行する

上の入力と設定から作成した、同じリクエストです。APIキーを取得するには、アカウントを作成してください。

curl -X POST https://api.aiipworld.com/v1/render \
  -H "Authorization: Bearer $AIIPWORLD_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"html":"","output":"pdf","options":{}}'

# returns {"job_id": "...", "status": "queued"}; then poll:
curl https://api.aiipworld.com/v1/jobs/JOB_ID -H "Authorization: Bearer $AIIPWORLD_API_KEY"

一括処理

Webツールは一度に1画像まで処理します。APIでは画像ごとに一つのリクエストとなるため、プランが許す数だけスクリプトで処理できます。

保存期間

Webツールの結果は10分保存されます。無料APIの結果は1日、StarterとProの結果は7日、BusinessとScaleの結果は30日保存されます。Webツールでは、訪問者ごとに毎分10回、毎日50回まで変換できます。

ひとことで言うと

スプライトシートを等分したコマを左から右、上から下に読み取り、設定した遅延と繰り返し回数でGIFまたはAnimated WebPにする無料のオンラインツールです。

主な仕様

  • 入力は一枚の静止画(PNG、JPG、WebP、AVIF、GIF(最初のフレーム)、BMP、TIFF(最初のページ))で、無料ツールでは5 MBまで、ログインしているユーザーは10 MBまでです。アニメーションのファイルは受け付けません。
  • 設定は、列数と行数、またはコマの幅と高さです。任意でフレーム数を指定でき、コマごとの遅延は20〜60000ms、繰り返し回数はForeverまたは回数で指定します。
  • 作られるアニメーションは制限内に収まる必要があります。ログインしているユーザーは最大300フレーム、合計64 MPまで、アカウント登録なしの場合は100フレーム、合計16 MPまでです。
  • テストでは、800 x 600 px、5 x 5 コマ(24コマ埋まり)のシートが24フレーム、160 x 120 px、80msのGIFになりました。再生時間は1.9s、サイズは61KBです。テスト用シートはスクリプトで生成したもので、結果はファイルによって変わります。
  • アップロードされたファイルはジョブが終わると削除され、結果は10分後に削除されます。ログインしているユーザーは、ファイルごとに1クレジットに加え、10メガピクセルを超えた分は、途中まで使った10メガピクセルごとに1クレジットが加算されます。
  • アカウント登録なしの無料利用では、訪問者ごとに毎分10件、毎日50件まで変換でき、透かしは入りません。ログインしているユーザーは、レンダリングごとに1クレジットを使用します。毎月100無料クレジットが付与されます。
  • ファイルは自動的に削除されます。アカウント登録なしの場合は変換後10分、無料アカウントの場合は1日で削除されます。
  • 開発者は、APIキーを付けてPOST https://api.aiipworld.com/v1/renderを送信すると、同じレンダリングを実行できます。詳しくはAPIドキュメントページをご覧ください。

使い方

  1. スプライトシートをアップロードします。PNG、JPG、WebP、AVIF、GIF(最初のフレーム)、BMP、TIFF(最初のページ)のうち、1枚の画像だけのファイルを使ってください。
  2. 分割の方法を選びます。列数と行数を入力するか、コマの幅と高さをピクセルで入力します。
  3. コマごとの遅延をミリ秒で入力します。初期値は100msです。
  4. 「無限に繰り返す」か繰り返し回数を選び、「保存形式」でGIFかアニメーションWebPを選びます。
  5. 「GIFを作成」をクリックし、結果パネルを確認してからダウンロードしてください。

出力例

Sprite sheet, 800 x 600 px, 5 x 5 cells, 24 used, 56 KB

The sample sprite sheet before it is made into a GIF

GIF, 24 frames of 160 x 120 px, 80 ms each, 61 KB

サンプルのスプライトシートから作られたアニメーションGIF。
800 x 600 px、5 columns x 5 rowsのスプライトシート(24コマ埋まり、PNG 56KB)を、80msずつの24フレーム、160 x 120 pxのGIFにしました。再生時間は1.9s、サイズは61KBで、無限に繰り返します。 このサイトの独自エンジンで変換しました。 変換後のファイルを開く(または画像を選択)で原寸で確認できます。

スプライトシート GIF の作り方

スプライトシートは、同じ大きさのコマを格子状に並べた1枚の画像です。このツールは、格子の1マスを1コマとしてアニメーションにします。

読み取りは左から右、上から下の順です。ファイルを選び、分割の方法を決めて「GIFを作成」をクリックると、結果パネルにコマ数、再生時間、ループ設定が表示されます。

ツールがすること

このツールは、1枚の静止画を受け取り、コマの格子をアニメーションに変えます。

各コマのピクセルはそのままコピーされ、色や画質が変わるのは最後の書き出しの段階だけです。背景の追加、描画、拡大縮小は行いません。コマの間に余白は追加しないため、余白は0にするか、コマのサイズに含めてください。

列数と行数、またはサイズで分割する

分割の方法は2つあります。列数と行数を入力するか、コマの幅と高さをピクセルで入力します。数値が格子と合っていれば、どちらの方法でも同じ結果になります。

コマの幅と高さを指定した場合は、収まる分だけ完全なコマを使います。右と下に余ったピクセルは無視され、結果パネルには無視されたピクセル数が表示されます。

割り切れないスプライトシートの扱い

列数と行数で分ける場合は、画像の幅が列数で、高さが行数で割り切れる必要があります。割り切れないと、ページがその旨を伝え、代わりにコマの幅と高さの入力を求めます。

コマが画像より大きい場合は受け付けられません。コマ数がセルの数より多い場合も受け付けられません。

コマの遅延と繰り返し回数

コマの速さは遅延で決まり、繰り返し回数も設定できます。遅延は20〜60000ms、初期値は100msです。すべてのコマに同じ遅延が使われます。「繰り返し」でForeverか、1〜65535回の回数を選べます。ループの回数はファイルに保存されます。逆再生や往復再生のオプションはありません。

設定できる値は次のとおりです。

  • コマごとの遅延:20〜60000ms、初期値は100ms
  • 繰り返し:Foreverか1〜65535回

空のコマを含むスプライトシート

最後の行に空のコマがあるシートもあります。その場合は「フレーム数」にコマ数を入力すると、空のコマを飛ばせます。

欄を空のままにすると、すべてのコマを使います。テストでは、25コマのシートで最後の1コマが空でしたが、25フレーム、再生時間2.0sのアニメーションになりました。

GIFとアニメーションWebPの保存形式

「保存形式」でGIFかアニメーションWebPを選びます。GIFは最大256色で、ディザリングを使って書き出します。アニメーションWebPは非可逆圧縮で、品質はスライダーで調整します。初期値のWebP品質は80です。

テストでは、同じ24フレームのアニメーションがGIFで61KB、アニメーションWebPで35KBでした。ファイルによってサイズは変わります。

透過と色の扱い

GIFは透過を保ちますが、各ピクセルは完全に透明か完全に不透明のどちらかになります。そのため、半透明の縁は元の画像よりくっきり見えることがあります。

GIFは256色のパレットを使い、ディザリングを行います。色の段階が多いスプライトは、アニメーションWebPを選び、結果を確認してください。

アニメーションの制限

ツールは実行前にアニメーションを確認します。制限はフレーム数と合計ピクセル数の両方にかかります。合計ピクセル数は、コマの幅 x コマの高さ x フレーム数で求めます。

ログインしているユーザーは、最大300フレーム、合計64 MPです。アカウント登録なしの場合は、100フレーム、合計16 MPです。1コマの上限は16 MP (4096 x 4096)です。

基本料金はファイルごとに1クレジットです。基本料金には10メガピクセル分のアニメーションが含まれます。それを超える分は、10メガピクセル単位で切り上げ、1ブロックごとに1クレジットが加算されます。制限を超えたジョブは失敗し、クレジットは返却されます。

対応ファイルと受け付け条件

対応形式は、PNG、JPG、WebP、AVIF、GIF(最初のフレーム)、BMP、TIFF(最初のページ)です。ファイルは1枚の画像である必要があります。

アニメーションのファイルは受け付けられず、「This file is already an animation.」と表示されます。ログインしていない場合は、1ファイルあたり5 MBまで、1日30ファイルまで使えます。ログインしている場合は、1ファイルあたり10 MBまで使えます。

結果が20MBを超えると、「output too large」と表示されて失敗します。ファイルの形式は名前ではなく中身から判断します。テキストファイルの名前を.gifに変えたものは受け付けられません。

APIでGIFを作る

プログラムから作る場合は、https://api.aiipworld.com/v1/image-jobs にPOSTでファイルのバイト列をそのまま送ります。Content-Typeにはファイルの画像形式を指定し、クエリにop=gif_editとaction=unspriteを付けます。分割と遅延の設定もクエリで指定します。

認証はAuthorization: Bearerかx-api-keyで行います。アニメーションでは、timeout_sec=60が最大値です。APIは202とjob_idを返します。GET /v1/jobs/:id で状態を確認してください。ページには、設定に応じたcURL、Node.js、Pythonの例も表示されます。詳しくは/docs/#image-jobsを参照してください。

プライバシーとファイルの扱い

ファイルはサーバーに送られ、libvipsを基にしたオープンソースの画像ライブラリsharpで処理します。これは通常の画像処理で、人工知能ではありません。アップロードされたファイルは、結果を作るためだけに使われます。

ジョブが成功しても失敗しても、終わるとアップロードされたファイルは削除されます。無料のWebツールでは、結果は10分後に削除されます。利用履歴は残らず、ダウンロードのリンクは短時間だけ有効です。

よくある質問

無料で使えますか?

はい、アカウント登録なしでも、1日の上限内なら無料で使えます。ログインして使う場合は、クレジットで料金がかかります。

コマはどの順番で読み取られますか?

左から右、上から下の順に読み取られます。各コマが1フレームになります。

コマの大きさを指定するには?

列数と行数ではなく、コマの幅と高さを指定します。ピクセルで入力してください。ツールは収まる完全なコマだけを使います。

画像がコマに割り切れない場合は?

列数と行数で分ける場合は割り切れる必要があります。割り切れないとページが伝え、コマの幅と高さの入力を求めます。コマの幅と高さで分ける場合は、右と下の余ったピクセルが無視され、結果パネルに数が表示されます。

再生速度を変えるには?

コマごとの遅延をミリ秒で入力します。20〜60000msの範囲で指定でき、初期値は100msです。

空のコマを飛ばすには?

「フレーム数」に数を入力します。欄を空のままにすると、すべてのコマを使います。

GIFを1回だけ再生することはできますか?

はい、「繰り返し」で1〜65535の回数を選べます。ファイルにはそのループ回数が保存されます。

GIFは透過を保ちますか?

GIFの出力は透過を保ちます。ただし、各ピクセルは完全に透明か完全に不透明になります。半透明のピクセルはどちらかに変わります。

アニメーションWebPで保存することもできますか?

はい、「保存形式」でアニメーションWebPを選べます。非可逆圧縮で、品質はスライダーで調整できます。

アニメーションが大きすぎる場合は?

フレーム数または合計ピクセル数の上限を超えている可能性があります。コマ数を減らすか、コマのサイズを小さくして、もう一度試してください。

ファイルはどのくらい保存されますか?

無料のWebツールでは、結果は10分後に削除されます。アップロードされたファイルは、ジョブが終わると削除されます。

プログラムからGIFを作れますか?

はい、ファイルを生のまま画像ジョブAPIに送り、op=gif_editとaction=unspriteを指定します。パラメータは/docs/#image-jobsに記載しています。

アプリ内や一括処理で使いたい場合

このツールはAPIと同じプラットフォームで動作するため、同じ画像を、お使いのコードから一回のHTTPリクエストで取得できます。 無料アカウントには、毎月100クレジットが含まれています。

関連ツール