GIF作成
複数の画像をアップロードし、並び順・1コマあたりの表示時間・ループ回数・画質を指定してアニメーションGIFを作成できます。サイズが異なる画像はトリミングや余白追加で自動調整され、すべてブラウザ内で処理されます。
使い方
- 1アニメーションにしたい画像を複数枚アップロードし、順番を並び替えます。
- 2GIFの横幅・高さ・表示時間・繰り返し回数・画質を設定します。
- 3「GIFを生成」を押し、プレビューを確認してから保存します。
計算方法・変換方法
GIFエンコードにはメンテナンスされているJavaScriptライブラリ「modern-gif」を使用しています。処理はブラウザのメインスレッドで実行されるため、生成中はローディング表示が続きます（画像枚数が多いほど時間がかかります）。
GIFは1コマあたり最大256色までしか使えない形式です。写真のように色数の多い画像は、近い色にまとめる「減色」が行われるため、グラデーション部分がざらついて見えることがあります。イラストや画面キャプチャのように色数の少ない画像ほど、きれいに仕上がります。
ファイルサイズは、おおむね「横幅 × 高さ × コマ数」に比例して大きくなります。SNSやチャットに載せる場合は、横幅を小さめにし、コマ数を必要な分に絞ると、読み込みの軽いGIFになります。画質の設定を下げると使う色数が減り、さらに容量を抑えられます。
GIFの表示時間は100分の1秒単位で記録されます。Chrome・Edge・Firefox・Safariはいずれも、表示時間が0.01秒以下のコマを0.1秒に置き換えて再生するため、速くするつもりで極端に短い値を指定すると、かえって遅く再生されます。0.02秒以上の指定はそのまま再生されるので、なめらかに見せたい場合も1コマあたり0.02秒以上で設定してください。
利用例
- 連続撮影した写真をつなげて、動きのあるGIFを作る
- 操作手順のスクリーンショットを並べて、動く説明画像にする
- イラストのコマを並べて、簡単なアニメーションを作成する
- SNSやチャットで使う短いループ画像を用意する
よくある質問
画像のサイズがバラバラでも作成できますか？
はい。「サイズが異なる場合の処理」で中央トリミング・余白追加・縦横比を維持して収める・拡大のいずれかを選ぶことで、指定したGIFサイズに自動調整されます。
生成を途中で止められますか？
「中止する」ボタンで生成結果の反映をキャンセルできます。ただし内部処理そのものは直前まで進んでいるため、複数回連続で試す場合は少し時間をおくことをおすすめします。
ファイルサイズを小さくするにはどうすればいいですか？
出力サイズ（横幅・高さ）を小さくするのが最も効果的です。次に枚数を減らす、画質を下げるという順で調整すると、見た目を保ちながら容量を抑えられます。
動画からGIFを作れますか？
本ツールは静止画像からの作成に対応しています。動画を使う場合は、あらかじめコマを画像として書き出してから読み込んでください。
1コマの表示時間はどれくらいが自然ですか？
滑らかに見せたい場合は100ミリ秒前後（毎秒10コマ程度）、スライドショーのように見せたい場合は500〜1000ミリ秒が目安です。
注意事項
- ・GIFは最大256色までしか扱えないため、色数の多い写真ではグラデーションに段差（バンディング）が出ることがあります。
- ・枚数・サイズ・画質を上げるとファイルサイズが急激に大きくなります。SNSやチャットには容量制限があるため、サイズを抑えた設定をおすすめします。
- ・生成処理は端末内で行われるため、画像が多いほど時間がかかり、その間ブラウザの操作が重くなることがあります。
- ・サイズの異なる画像を混在させると、自動でトリミングや余白の追加が行われます。