ArrayKit ›画像 ›GIFメーカー オンラインGIFメーカー 複数の画像から、順番・タイミング・サイズ・色数・ループを自分で決めて、アニメーションGIFを作れます。ブラウザー内で作られるので、画像がお使いの端末の外に出ることはありません。
画像は、このタブの中でデコードされ、レイアウトされ、圧縮されます。できあがったGIFは、お使いの端末上で作られたファイルです。何もアップロードされません。
「動画をGIFに」を開く
GIFメーカー について GIFメーカーは、複数の画像をつなげて、チャットやREADME、メールに貼り付けられるアニメーションにするツールです。画像は、ドラッグ、複数選択、貼り付けのいずれかで追加し、フレームの並びの中で動かして順番を整えます。各フレームの表示時間（遅延）は、全体で共通の値をそのまま使うことも、フレームごとに独自の値を持たせることもできます。出力の縦横比は最初の画像の形に合わせて決まり、ほかの画像は引き伸ばされずに、その枠の中に収められます。再生の回数、使える色の数、ディザリングの有無、逆再生や往復再生にするかどうかも選べます。エンコードする前に、実際のフレームの間隔で動くプレビューを確認できます。GIF本体は、全フレームで共通の1つのカラーパレットから作られ、フレームごとに圧縮されて、サイズ・フレーム数・長さとともにダウンロードできる状態になります。
機能 ドラッグ、複数選択、貼り付けで画像を追加でき、フレームの並べ替え・複製・削除もできる ミリ秒またはフレーム／秒で指定する共通の表示時間と、フレームごとに上書きできる個別の値 出力の幅は最大1000 px。縦横比は最初のフレームから決まる 無限にループするか回数を指定でき、「Reverse order」と「Ping-pong」も選べる 256・128・64・32色から選べ、色の段差を目立たなくするディザリングも任意で使える 背景色の指定のほか、透けている部分のある画像向けに透過GIFも作れる ファイルを作る前に、実際の表示時間で再生されるリアルタイムのプレビュー アニメーションGIFをドロップすると1フレームずつ読み込まれ、タイミングの変更や逆再生ができる GIFメーカー の使い方 画像をドロップまたは貼り付け、矢印ボタンでフレームを好きな順番に並べます 表示時間かフレーム／秒、出力の幅、ループ、色数を設定します プレビューを確認し、必要なら個別のフレームの表示時間を調整して、「Create GIF」を押します サイズとフレーム数を確認し、できあがった.gifをダウンロードします 例 入力
6 pictures · 480 px wide · 100 ms a frame · loop forever · 256 colours with dithering出力
6 frames · 480×320 · 100 ms · loop forever → 842 KBよくあるスライドショー形式のGIFです。写真6枚を0.1秒ずつ表示し、無限に繰り返します。
よくあるエラーとトラブルシューティング GIFが思ったよりずっと大きくなります。 — サイズは、幅・高さ・フレーム数が増えるほど大きくなります。出力の幅を狭くするか、色数を128か64にするか、ディザリングをオフにするか、フレーム数を減らしてください。写真はもっとも大きくなりやすく、ベタ塗りのイラストなら、はるかによく圧縮されます。色の段差が目立ったり、ざらざらして見えたりします。 — GIFで使える色は最大256色です。グラデーションをなめらかにしたい場合は、ファイルが大きくなりますが、ディザリングをオンにしてください。ベタ塗りの部分をきれいに保ち、ファイルも小さくしたい場合は、オフにします。アニメーションが、設定した表示時間より遅く動きます。 — GIFは時間を100分の1秒単位で記録し、ブラウザーは20 msより短いフレームを100 msで再生します。20 ms以上にしてください。これは最大で1秒あたり約50フレームにあたります。一部のフレームのまわりに、空白の帯が出ます。 — 最初のフレームと形の違う画像は、引き伸ばされずにその内側に収められるため、余った部分には背景色が表示されます。希望する形の画像を最初に置くか、ほかの画像をそれに合わせて切り抜いてください。よくある質問 GIFで使える色は何色までで、写真ではどんな影響がありますか？ GIFのカラーパレットは最大256色で、ここではすべてのフレームで共有されます。写真には何千もの色合いがあるため、なめらかな空や肌では、色の段差やざらついたディザリングが現れることがあります。ロゴやスクリーンショット、ベタ塗りのイラストなら、ほとんど変わりません。 GIFメーカーで作ったGIFを小さくするには、どうすればよいですか？ もっとも効果が大きいのは幅を狭くすることで、次にフレーム数、色数の順です。ディザリングをオフにするのも有効で、ディザリングの点は圧縮されにくいためです。ツールには最終的なサイズが表示され、結果が約10 MBを超えるときは警告が出ます。 GIFメーカーの表示時間（遅延）とフレームレート（FPS）は、何が違いますか？ 同じことを2通りの方法で表したものです。表示時間100 msは1秒あたり10フレーム、40 msは25フレームに相当します。分かりやすいほうを使ってください。もう一方は横に表示されます。1つのフレームだけ長く見せたいときは、そのフレームで共通の表示時間を上書きできます。 GIFのループ設定はどのように働きますか。1回だけ再生するにはどうすればよいですか？ 「Loop forever」は、ページを閉じるまで繰り返します。「Play N times」は、指定した回数だけ再生して止まります。1にすると、繰り返しの指示を含まないGIFが作られるので、1回だけ再生して最後のフレームで止まります。「Reverse order」と「Ping-pong」は、フレームを再生する順序を変えます。 GIFメーカーで、透過GIFは作れますか？ はい。「Transparent」をオンにすると、画像の中でほぼ透明なピクセルは、GIFでも透明のままになります。GIFの透過はピクセルごとのオンかオフの2通りしかないため、やわらかい輪郭ははっきりした輪郭に切り替わり、パレットの1色分が透過用に確保されます。 画像から作るなら、GIFと動画のどちらがよいですか？ GIFはプレーヤーなしでどこでも再生できますが、サイズが大きく、色数は256色までに限られます。動きが多いクリップや再生時間の長いクリップなら、動画のほうがはるかに小さくなります。すでに動画がある場合は、「動画をGIFに」で、その一部を切り出せます。 関連ツール 動画をGIFに — 動画の一部分を最適化したアニメーションGIFにします。ブラウザ内で処理し、アップロードはありません。GIFを動画に — アニメーションGIFをMP4またはWebMに変換して小さく共有しやすくします。ブラウザ内で処理します。画像リサイズ — ピクセル数・割合・プリセット・長辺のいずれかで写真をリサイズし、複数枚をまとめてZIPでダウンロードできます。画像結合ツール — 画像を横並び、縦並び、格子状に結合。画像フォーマット変換 — 画像を PNG、JPEG、WebP 間でブラウザ内ですべて変換します。画像オプティマイザー — 画像を再エンコードして軽量化（JPEG/WebP/PNG）、任意でリサイズします。sprite sheet CSS アニメーション — sprite sheet を steps() の CSS アニメーションに変換。ライブプレビュー付き。画像の他のツール 画像のツールをすべて見る (35) · すべてのツール