使い方
- アニメーションに使う画像を選びます。後から追加もできます。
- 行をドラッグするか矢印を使って、フレームを順番に並べます。
- サイズ、画像の合わせ方、背景色、遅延、ループを設定します。
- 「GIFを作成」を選び、プレビューを確認してファイルをダウンロードします。
仕組み
すべての画像はブラウザーによってデコードされ、選択したサイズのキャンバスに描画され、最大256色に減色された後、gifenc エンコーダーで GIF の1フレームとして書き込まれます。画像はエンコード中に1枚ずつデコードされるため、カメラ写真の長い連続でも多くのメモリを必要としません。
「Fit inside」は画像全体を表示し、余白を背景色で塗りつぶします。「Fill and crop」はフレーム全体を覆い、端を切り取ります。「Stretch」は縦横比を無視します。背景色は透明部分も置き換えます。このツールは透明情報なしで GIF を出力するためです。
GIF は遅延を100分の1秒単位で保存するため、遅延は10 ms単位に丸められ、ブラウザーは20 ms未満の設定を遅くします。「Play a set number of times」はファイルにループ回数を書き込みます。ほとんどのブラウザーとアプリはこれに従いますが、常にループするものもあります。
制限: 最大200フレーム、各辺16〜1000 px、全フレーム合計で最大1億2000万ピクセルです。画像ファイル数とサイズに関するご利用プランの制限が適用されます。
使用例
ビフォーアフター
600 × 400 の写真2枚、「Fill and crop」、各フレーム1000 ms、無限ループの設定で、シンプルなビフォーアフター比較ができます。
ステップバイステップのチュートリアル
8枚のスクリーンショットを使用し、フレームごとの遅延を設定（テキストのある手順は1500 ms、それ以外は600 ms）、白背景で「内側に合わせる」、3回再生します。
よくある質問
画像はアップロードされますか？
いいえ。画像はブラウザ内で読み込まれ、GIFもブラウザ内で作成されます。サイトとの通信はProステータスの確認のみです。
GIFを透過にできますか？
このツールではできません。透明部分は選択した背景色で塗りつぶされます。これにより、GIFのオン/オフ透過で生じる輪郭のギザギザを防げます。
色がざらついたり、縞状の階調になったりするのはなぜですか？
GIFのフレームは256色しか保持できません。滑らかなグラデーションを含む写真は細部が失われます。256色を選ぶと最も良い結果になり、色数を減らすとファイルサイズを小さくできます。
アニメーションGIFをフレームとして使えますか？
最初のフレームだけが使用されます。ブラウザはアニメーション画像を1枚の静止画としてデコードするためです。
プライバシー
画像のデコードとGIFのエンコードはブラウザ内で行われます。画像とGIFはアップロード、保存、分析に利用されず、ツールが使用されたという匿名のイベントのみがカウントされます。プラン状況はサイトのアカウントサービスから読み込まれます。