GIFメーカー
PNG や JPEG 画像をブラウザーで1つのアニメーションGIFに合成——コマ単位の速度、任意サイズ、透明・単色背景、ディザリング、ブーメラン再生。
GIFメーカー — GIFメーカーは複数の静止画像を1つのアニメーションGIFにまとめ、速度を1秒あたりのコマ数(fps)で設定でき、任意の1コマだけディレイを上書きできます。出力サイズ、黒帯の代わりに透明または単色の背景、任意のディザリングと共有パレットを選び、正方向・逆方向・ブーメラン(往復)で再生できます。各コマはキャンバス上で整えられ、gifenc ライブラリによってすべてブラウザー内で符号化されるため、画像がサーバーにアップロードされることはありません。
GIFメーカーとは?
GIFメーカーは、複数の PNG・JPEG 画像を1つのアニメーションGIFにまとめる、ブラウザー上で動く無料のアニメーションツールです。追加した画像はそれぞれ1コマになり、並べた順に、全体の fps で再生されますが、各コマは自分のディレイでそれを上書きできます。出力の幅と高さを指定し、余白を透明にするか選んだ色で埋めるかを決め、無限ループか一度だけ再生かを選び、通常・逆再生・ブーメランを選べます。オーダード/誤差拡散のディザリングと、任意のコマ間共有パレットはバンディングとファイルサイズを抑え、各コマの繰り返しはその瞬間を長く保てます。デザイナー、SNS 運用者、教師、開発者に便利です。
GIFメーカーの使い方
- PNG または JPEG 画像をドロップゾーンにドラッグ&ドロップするか、クリックして選択します。追加した順番がそのまま再生順になります。
- 各行のボタンでコマを並べ替えたり削除したりでき、任意のサムネイルをクリックするとライトボックスで拡大表示できます。
- あるコマの行にミリ秒でディレイを入力すると、そのコマだけ全体速度を上書きできます。空欄のままなら fps 設定が使われます。
- 設定を開くと、fps、出力の幅と高さ、透明または任意の背景色、ディザリング、共有パレット、ループ方法、再生方向、各コマの繰り返し回数を指定できます。
- コマや設定を変えるたびに更新されるGIFプレビューを確認し、ダウンロードをクリックして animation.gif ファイルを保存します。
使用例
透明なスプライトループ
サイズのそろった PNG スプライトをドロップし、背景を透明にし、fps を上げて滑らかにし、どのページにもなじむループGIFを書き出します。
数枚の写真からブーメラン
JPEG 写真を数枚追加し、再生方向をブーメランに切り替えて、正方向のあと逆方向に再生する継ぎ目のない往復GIFを生成します。
最後のコマを長く保つ
最後のコマのディレイを長めにするか繰り返し回数を増やして、締めの画像がループ前に少し長く残るようにします。
よくある質問
- コマごとに別の速度にできますか?
- はい。全体の fps を設定したうえで、任意のコマの行にミリ秒でディレイを入力するとそのコマだけ上書きできます。空欄の行は全体の速度を使います。
- 背景を透明や任意の色にできますか?
- はい。透明背景を選ぶと余白が透けます(1ビットのアルファで符号化)。単色を選べば黒帯の代わりに余白をその色で埋められます。
- ディザリングと共有パレットは何をしますか?
- ディザリング(オーダードまたは誤差拡散)は限られた GIF 色を混ぜてグラデーションや写真のバンディングを和らげ、共有パレットは全コマで1つの色表を使い回して色を安定させファイルを小さくします。
- 逆再生とブーメランとは?
- 逆再生はコマを最後から最初へ再生します。ブーメランは正方向のあと逆方向に再生し、ループが滑らかに先頭へ戻ります。各コマを繰り返して長く保つこともできます。
- 画像はサーバーにアップロードされますか?
- いいえ。各コマはキャンバスに描画され、gifenc ライブラリによってすべてブラウザー内でGIFに符号化されます。画像が端末から出ることはなく、オフラインでも動作します。
関連ツール
画像フォーマット変換ツール
画像を AVIF・WebP・PNG・JPEG・BMP・ICO・単一フレーム GIF の間でブラウザー内で相互変換します。
Excel/CSV を JSON に変換
Excel や CSV の表をブラウザ内で JSON または CSV に変換します。
EXIF ビューア・メタデータ削除ツール
画像の EXIF メタデータ(カメラ・レンズ・撮影日時・GPS 位置)を確認し、削除してきれいなコピーをダウンロードできます。すべてブラウザ内で完結します。
ファビコン生成ツール
ブラウザ内で完全な favicon 一式を生成:本物の多解像度 favicon.ico、16〜512 px の PNG、site.webmanifest、HTML スニペット。