広告
あやせツールズ_ロード

GIFアニメーション作成ツール

複数の画像からGIFアニメをブラウザ上で簡単に作成
※ドラッグ&ドロップ対応/サーバー送信なし・無料
使い方
1. 「画像を追加」または枠内へドロップ
2. サムネをドラッグで並び替え(順番=アニメ順)
3. 必要なら各フレームの Delay倍率を調整
4. 出力設定を決めて「作成(GIF生成)」
5. プレビュー確認 → 「保存」
1) 画像を追加
画像: 0 枚(2枚以上で作成できます)
並び順 = アニメ順 / Delay倍率はフレーム個別調整
・各フレームの Delay倍率は、出力設定の「アニメ速度(ms)」×倍率 になります(例:200ms × 3 = 600ms)
・GIFは最大256色のため、写真は荒れやすいです(色数を下げると容量は減りますが画質は落ちます)
2) 出力設定
長辺が指定pxになるように拡大/縮小します(縦横比は維持)。
約 5.00 FPS
-1: 無限 / 0: 繰り返しなし / 1以上: 指定回数繰り返し
GIFの透過は「完全透過/不透過」のみです。
高解像度・多フレームは作成に時間がかかり、容量も大きくなります。
0%
3) プレビュー & 保存
ここにプレビューが表示されます。
(先に「作成(GIF生成)」を押してください)
出力サイズ: -
フレーム数: -
推定FPS: -
ファイルサイズ: -
保存(GIFダウンロード)
※「GIFのURLをコピー」は、このページ内で有効な一時URL(blob:)です。外部共有には保存したGIFを使ってください。

複数画像からGIFアニメーションを作成する無料ツール

このページでは、PNG、JPEG、WebP、GIF、BMPなどの画像を複数追加して、ブラウザ上でGIFアニメーションを作成できます。画像の順番、フレームごとのDelay倍率、解像度、色数、アニメ速度、ループ回数、背景色を調整できます。

GIF生成はページ内のJavaScriptで実行されます。追加した画像データをサーバーへ送信せず、手元のブラウザだけでプレビューと保存ができます。

使い方

  1. 「画像を追加」ボタン、またはドラッグ&ドロップで画像を2枚以上追加します。
  2. サムネイルをドラッグして、アニメーションの再生順に並び替えます。
  3. 必要に応じて、各フレームのDelay倍率を調整します。
  4. 解像度、縦横比の揃え方、色数、速度、ループ回数、背景色を設定します。
  5. 「作成(GIF生成)」を押して、プレビューを確認します。
  6. 問題なければ「保存(GIFダウンロード)」でGIFファイルを保存します。

主な設定項目

設定 内容 使いどころ
解像度 オリジナル、長辺指定、横指定、縦指定、横×縦の絶対指定を選べます。 SNS投稿、アイコン、資料用など用途に合わせてサイズ調整したいとき
縦横比揃え クロップまたは縮小を選べます。 画像ごとの縦横比が違う場合に見た目を揃えたいとき
色数 GIFの最大色数を16から256色で指定できます。 画質とファイルサイズのバランスを調整したいとき
アニメ速度 1フレームあたりの表示時間をミリ秒で指定します。 ゆっくり見せたい、素早く切り替えたいなどの調整
ループ回数 -1で無限、0で繰り返しなし、1以上で指定回数繰り返します。 バナー、説明用アニメ、短いループ素材の作成

活用例

  • 複数のスクリーンショットをつなげて、操作手順をGIFで見せる。
  • イラストや画像差分を並べて、簡単なアニメーション素材を作る。
  • SNSやチャットで共有する短いループ画像を作成する。
  • Webページや資料に貼る、軽量な説明用GIFを作る。

利用時の注意点

  • GIFは最大256色の形式です。写真やグラデーションの多い画像は画質が荒く見える場合があります。
  • 高解像度やフレーム数が多いGIFは、生成に時間がかかり、ファイルサイズも大きくなります。
  • 透過GIFは完全透過または不透過の1bit透過です。半透明の表現はきれいに再現できない場合があります。
  • 保存前にプレビューでサイズ、速度、ループ、画質を確認してください。
This tool uses gifenc (MIT License).
https://github.com/mattdesl/gifenc