または、ここに画像をドロップしてください
PNG / JPG / GIF / WebP 対応 ・ 最大20枚
Ctrl+V で貼り付けも可能
サンプル画像を表示しています。
右のパネルで切替効果やバナーサイズを変えてみてください。
ファイルサイズ大
関連ツール
バナーアニメGIF作成ツールとは
Webサイトのヘッダーやトップページを飾るアニメーションバナーを無料で作れるツールです。複数の画像を切替効果付きのGIFにまとめ、JavaScriptを書かずに動きのあるスライダー風バナーを配置できます。お店・学校・団体・企業サイトでのキャンペーン告知やイメージ訴求に活用できます。ブラウザ内で処理されるため画像のアップロードは不要です。
こんな時に使えます
企業サイトのヘッダー画像
サービス紹介・実績・キャッチコピーなど3〜5枚をGIFバナーにして、トップページで訪問者の目を引きます。
学校・団体のお知らせバナー
行事・募集・イベント告知など複数のお知らせを1つのGIFにまとめて、サイト上部で順次表示。
店舗サイトのキャンペーン訴求
セール・新商品・クーポンなどの訴求画像を切替表示。JSスライダー不要でLPやブログにも貼れます。
使い方（3ステップ）
バナー画像を追加
ドラッグ＆ドロップ、「画像を選択」ボタン、または Ctrl+V で貼り付け。最大20枚まで追加でき、サムネイルのドラッグで順序変更できます。
切替効果・バナーサイズを設定
切替効果は7種類（ワイプ / スライド / プッシュ / ブラインド / ディゾルブ / クロスフェード / 直接切替）。横長バナーのデフォルトは 1200×400px。表示時間・切替時間もスライダーで調整できます。
GIF生成 → サイトに設置
「GIF生成」で生成後、ダウンロードまたはクリップボードへコピー。HTMLの <img src="..."> タグで普通の画像と同じように貼り付けるだけで、ループ再生されます。
よくある質問
商品画像GIFツールとの違いは？
機能は同じですが、デフォルトの出力サイズが異なります。本ツールは横長バナー向けの 1200×400px、商品画像版は正方形の 1000×1000px です。それ以外の設定値・切替効果の数・最適化機能は共通なので、用途で選んでいただければOKです。
バナーサイズは自由に変えられますか？
はい、最大 4000×4000px まで任意に指定できます。一般的なヘッダーバナーなら幅 1000〜1600px、高さ 300〜500px が目安。スマホ向けは正方形に近いサイズで作ると両方のデバイスで綺麗に見えます。
文字が潰れて見えるのですが？
GIFは最大256色のインデックスカラーのため、細かい文字や写真風グラデーションは苦手です。「GIF最適化」の詳細設定で最大色数を256色に上げる、または文字を大きめに配置することで改善します。ファイルサイズは増えます。
ループ再生を止めたい（1回だけ流したい）
アニメーション設定の「ループ再生」チェックをOFFにすると1回だけ再生して停止するGIFになります。最後のフレームに「詳しくはこちら→」のようなCTA画像を入れておくと、訪問者が読み終えた状態で止まる見せ方ができます。
画像はサーバーに送信されますか？
いいえ。すべてブラウザ内で処理され、アップロードは発生しません。公開前のキャンペーン画像でも安心して使えます。通信が発生しないためオフライン環境でも動作します。
毎回同じサイズ・設定でバナーを作りたい時は？
右サイドバーの「設定の保存」で、切替効果・バナーサイズなど現在の設定に名前を付けて保存できます（ブラウザ内に最大10個）。チップをクリックで即適用、×で削除。ヘッダー用（1200×400）・サイドバー用（300×250）など媒体別にお気に入り登録しておけば、次からワンクリックで呼び出せます。