このWEBサイトはInternetExplorerのサポートを終了しました。
GoogleChrome, Firefox, MicrosoftEdge など別のWEBブラウザを使用下さい。

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

WEBブラウザ上でGIFアニメーション画像が作れるツールです。複数枚の画像をまとめて、1枚のGIFアニメーション画像を出力します。
使い方をみる

使い方

1.画像の入力

[画像を追加]ボタンを押して、GIFアニメのもとになる画像を読み込みます。読み込んだファイルは下のリストに表示されます。画像ファイルは一度に複数を選択して読み込むことができます。また、入力画像リストの領域内に画像ファイルをドラッグドロップすることでも画像を追加することができます(マウス操作時)。

入力対応ファイル形式
  • JPEG
  • PNG
  • GIF
  • WebP
  • BMP
画像の並び替え

画像の並び順が結合時のアニメーションの順番になります。読み込んだ画像は任意の順番に並び変えることができます。 [ソート]ボタンをクリックすると、入力されている全画像を対象にファイル名昇順に並び替えされます。環境によっては一部の文字のソート順がファイルエクスプローラの並び順と異なることがあります。 個別に並び替えたいときは、画像をドラッグ(タッチ)したまま、移動したい場所まで移動(スワイプ)させます。

画像の削除

読み込んだ画像を全て削除するには[全削除]ボタンをクリックします。

特定の画像を長く表示する

各画像のメニューボタンからDelay項目の数値を操作することで、その画像の表示時間を長く調節することができます。時間は、出力設定の[アニメ速度]×[数値]分になります。デフォルト値1が基準です。2以上を設定した場合は画像右上に数値が表示されます。

2.出力設定

出力する画像の設定を行います。

解像度 画像の解像度(縦と横の長さ)を指定します。[長辺]/[横]/[縦]の指定は該当辺の解像度が指定値になるように縮小または拡大されます。対の辺は、縦横比が同じになるように自動で計算されます。[横]x[縦]の指定は、もとの画像の縦横比を無視した絶対サイズです。よって画像の上下または左右が切り抜かれたり帯ができたりします(縦横比揃えの設定で決定)。[オリジナル]は1枚目の画像と同じ解像度になります。高解像度の画像を使用する場合は画像作成に時間がかかり容量も大きくなるので注意して下さい。
色数 使用する最大色数を指定します。値を下げると画質が下がりますがファイル容量が少なくなります。通常は[256]を選択しますが、イラストなど色数が少ない画像には低い値を設定すると効果的です。
縦横比揃え 縦横比の違う画像を使う時の表示方法を指定します。全ての画像の縦横比が同じときはこの設定は意味を持ちません。[クロップ]を選択した場合は1枚目と同じ縦横比になるように2枚目以降の画像は、真ん中を中心に切り抜かれます。上下または左右の情報が失われます。[縮小]は出力画像の解像度内に入力画像の全画像領域が収まるように画像を縮小または拡大します。上下または左右に帯ができます。帯の色は[背景色]設定で指定したものになります。
アニメ速度 画像が切り替わるまでのディレイ時間を指定します。単位はミリ秒になります(1000=1秒)。例えば1秒ごとに画像を切り替えたい場合は1000を設定します。GIFアニメ画像の仕様上、値は10ミリ秒単位で有効で、端数は丸められます。1000を指定した場合も1004を指定した場合もディレイ時間は1000となります。右のFPS(Frames Per Second)はフレームレートを表します。10FPSなら1秒間に10枚の画像が切り替わることを意味します。
ループ回数 全画像のアニメーションが終わったときに、再度繰り返す回数を指定します。-1を指定した場合は止まることなく繰り返しが行われます。0を指定した場合は繰り返しません。
背景色 [縦横比揃え]項目で縮小を選んで帯部分ができた時の帯の色、透過画像を使用したときの透過部分の色を指定します。[透過]は透過画像を使用するときのみ選択します。透過がない画像に使用した場合は色に問題がでます。
3.画像の作成とプレビュー

[作成]ボタンを押すと、入力画像と出力設定をもとにGIFアニメ画像の作成が開始されます。作成には2枚以上の入力画像が必要です。完了したらプレビューエリアに画像が表示されます。

4.画像の保存

[保存]ボタンを押して作成した画像をファイルに保存します。

仕様

GIFアニメ画像について

GIF形式の画像は最大256色しか扱えないため、写真などの色数が多い画像を使うと荒いものになってしまいます。GIFアニメ画像は通常、漫画、イラスト、ロゴなど色数が少ない画像に適しています。

処理時間について

高解像度のGIFアニメ画像の作成には時間がかかります。また、出力ファイルの容量も大きくなるので注意して下さい。並列処理に対応していますので、コア数の多いCPUを使うことで処理時間を短縮させることができます。

画像ファイルの個人情報について

画像作成の全ての処理はお使いのPCまたはスマートフォン内で行っています。画像情報がネットワーク上のサーバーに送信されることはなく、個人情報も保護されます。