GIF Maker - 画像をGIFにアニメーション化する 無料オンライン

複数の画像を組み合わせてアニメーションGIFを作る。フレーム遅延、出力幅、品質、ループを設定します。ドラッグで再注文できます。無料、サインアップ不要、ブラウザ内で。

アニメーションさせる順番でフレームを落とす

Drop two or more image frames

GIF Makerについて

2人のウェブワーカーとgif.jsを使って並列でフレームをエンコードします。各画像は同じ出力キャンバスにレターボックス化されているため、アスペクト比の違いがアニメーションを壊さないようにしています。より鮮明な色は品質値を下げます(数字が小さいほど良い)。

Frequently Asked Questions

アニメーションさせたい順番で2枚以上の画像を置き、フレーム遅延、出力幅、画質を調整してからGIFをレンダリングします。エンコーダーは2人のウェブワーカーでブラウザ上で動作し、結果はanimation.gifダウンロードされます。Slack、Discord、GitHub、その他GIFが歓迎される場所にもすぐにアップロードできます。

usage

自然な動きを求めるなら、1フレームあたり100〜150msで1秒あたり7〜10フレーム程度で、クラシックなアニメーションのように動作します。50〜80msは現代的でスキビキビに感じます。300〜500msは意図的な「スライドショー」ペースを作り出し、ビフォーアフターの比較や製品発表に適しています。遅延はコンテンツタイプに合わせて調整してください。

tips

チャットプラットフォームやソーシャルメディアには、480〜720pxの幅が良いバランスです。スマホでは鮮明で、アップロードも速いです。埋め込み型ブログGIFには640〜800ピクセルが標準です。1280pxを超えるとファイルが大きくなり、GIFは最大256色に制限されるため、視覚的なメリットはほとんどありません。

tips

GIFは1フレームあたり256色のみをサポートしています。写真が多いコンテンツ(肌の色、グラデーション、夕焼け)は最も難しいケースです。品質スライダーの値を下げると(数値が小さく=色の量子化が良いがエンコードは遅くなります)、ディザリングは改善します。またはMP4やWebMに切り替えて、真のカラーモーションを楽しめます。

quality

はい、各フレームは一つのキャンバス(最初のフレームのアスペクト比に合わせて)にレターボックスされ、白い背景に使われているため、縦向きと横向きのフレームを混ぜてもアニメーションが壊れません。安定した結果を得るために、まずは画像のサイズ調整ツールを使って元の画像を同じ寸法にリサイズしてください。

technical

はい、「ループフォーエバー」のトグルはデフォルトでオンになっています。シングルプレイGIFでは無効にしてください(ライブイベントキャプチャや最終フレームで視聴者に止まらせたい指導コンテンツで好まれることもあります)。

features

はい、すべてのフレームはブラウザ内でエンコードされ、ウェブワーカーでgif.js実行されています。元の画像はアップロードされていません。これは、未発表製品のプロトタイプアニメーション、内部デモ、コンテンツに不可欠です。

privacy

無料で無制限のフレーム、出力に透かしなし、サインアップもなし。エンコーダーは高速で、一般的なノートパソコンでは50フレームのアニメーションでも30秒以内に完成します。

pricing

Use Cases

製品デモのウォークスルー

アプリの主要なやり取りを示す5秒間のGIFは、静止したスクリーンショットよりも魅力的で、動画よりも軽やかです。開発中にキャプチャした4〜8フレームをドロップしてランディングページに送り込みます。

marketing

SlackとDiscordの反応

グループ写真や内輪ネタのスクリーンショット、アニメーションロゴからチームごとのリアクションGIFを作成しましょう。Slackにカスタム絵文字として、Discordでサーバーステッカーとして貼り付けましょう。

social

ビフォー/アフターの比較

写真のレタッチ、住宅のリノベーション、減量、デザインの反復など――その変化を、2枚の静止画像では得られない形でソーシャルメディア上で注目を集めるやり取りGIFとして表現できます。

social

アニメーションアバター&プロフィール写真

Twitch、Discord、一部のソーシャルプラットフォームはアニメーションアバターをサポートしています。ポートレートやロゴの3〜5フレームから、微妙な脈動や色の変化ループを作りましょう。

gaming

プロセス文書化

パイプラインの状況構築、ダッシュボードの時間更新、四半期の成長チャートなど、複数ステップのワークフローをGIFとして記録し、Markdownビューア(GitHub README、Notion、Confluence)で自動再生されます。

documentation

教育用ストップモーション

教師はホワイトボードの写真、実験デモンストレーションの写真、または段階的なクラフトプロジェクトの画像からストップモーションGIFを作成します。視覚学習者には最適です。

education