GIFの作り方：動画や写真からGIFアニメを作成する方法（iPhone・Android・PC）

GIFの素材は、手元にある動画、複数の静止画、アニメーションを自動で付けてくれるテンプレートのどれかです。自分の素材に近い行を選んでください。

どの方法でも、できあがるファイルの仕組みは同じです。1枚ずつの静止画（フレーム）が重なり、それぞれが自分の表示時間と最大256色のパレットを持ち、さらに何回繰り返すかの指定が付いています。記事の冒頭のイラストがそのイメージで、この構造を知っておくと、後半の設定がほぼすべて理解できます。

動画をGIFに変換するとは、数秒分の映像から静止画を抜き出すことです。このサイトの動画GIF変換ツールはブラウザの中だけで処理するので、動画がスマホやパソコンの外に出ることはありません。仕事の画面録画や家族の動画でも安心して使えます。

1. 1GIF作成ツールを開き、MP4・MOV・WEBMの動画をドロップするか、タップしてスマホから選びます。
2. 2動画を再生またはスクロールし、「ここから開始」と「ここで終了」で使う部分を決めます。GIFは2〜6秒くらいが一般的です。
3. 3「1秒あたりのフレーム数」を選びます。たいていの動画は10で十分です。スポーツやゲームなど速い動きのときだけ15〜25にしましょう。上げるほどフレーム数と容量が増えます。
4. 4「フレームを追加」を押します。フレームが帯状に並ぶので、もたつく冒頭を消したり、フレームを複製して一瞬を長く見せたり、全体を逆順にしたりできます。
5. 5幅を選び（チャットやWebページなら480pxでほぼ足ります）、ループは「無限」のままにします。
6. 6「GIFを作成」を押し、プレビューと容量を確認してダウンロードします。

できればカメラが動いていない動画を選んでください。固定カメラで撮ったリアクションは、手持ちで撮った同じ場面よりずっと小さく圧縮できます。フレームごとに変化した部分だけを保存し直せばよいからです。後半の容量テストで実際の数字を紹介します。

複数の静止画は、パラパラ漫画と同じ仕組みでGIFになります。1枚の写真が1フレームになり、決めた時間だけ表示されてから次に切り替わります。旅行の写真、いろいろな角度から撮った商品、料理の手順、連続したイラストなど、何でも使えます。

1. 1JPG・PNG・WEBP・HEICの画像をオンラインのGIFメーカーに追加します。あとから何枚でも足せて、新しい画像は帯の最後に並びます。
2. 2順番を整えます。フレームを選んで「前へ移動」「後ろへ移動」を押すか、「逆順にする」で全体をひっくり返します。
3. 3「1フレームの表示時間」を決めます。写真のスライドショーなら500ms〜1.5秒あると見やすく、コマ撮りなら80〜150msで動きがつながって見えます。
4. 4形を選びます。「最初のフレームに合わせる」は1枚目の写真の縦横比を使います。「正方形」はチャットやアイコン向き、「縦長 9:16」はストーリー向きです。
5. 5「画像全体を表示」ならどの写真も枠に収まり、「枠いっぱいに表示」なら端を切り取って余白をなくします。
6. 6ループを選び、「GIFを作成」を押してダウンロードします。

数秒おきに撮った写真ほどなめらかなアニメになるので、連写はうってつけです。コマ撮りではカメラを固定し、露出をロックしてください。そうしないとフレームごとに明るさがちらつきます。傾きを直したり一部を切り取ったりしたい写真は、先にトリミングしてから追加しましょう。

スマホは標準アプリだけでも簡単なGIFを作れます。できることはメーカーによって違うため、ここではAppleとSamsungが公式に案内している内容に絞り、第三者の解説記事にしか載っていない機能はその旨を書いています。速度・サイズ・色まで細かく決めたいときは、どのスマホでもブラウザを使えばパソコンと同じように作れます。

テンプレートなら動きはすでにできあがっています。写真や文字を入れるだけなので、メッセージや誕生日、グループチャット用のGIFをいちばん早く作れます。

• 「my beloved」ミーム：ハートロケットGIFメーカーは、文字や2枚目の写真の横で開く赤いロケットペンダントに、あなたの写真を入れます。
• オリジナル絵文字やスタンプ：GIFをDiscordやSlackの絵文字にすると、正方形にしてリサイズし、各サービスの上限（Discordは256KB、Slackは128KB）に収めてくれます。
• 動くロゴやアイコン：アニメーションがSVGなら、SVGをGIFに変換すれば、メールなどSVGが使えない場所でも動かせます。

PhotoshopはレイヤーからGIFを組み立てるので、1コマずつ手を入れたい人に向いています。以下は現行バージョンのフレームアニメーション用タイムラインを使った手順で、メニュー名は日本語版の表記です。

1. 1「ファイル」→「スクリプト」→「ファイルをレイヤーとして読み込み」で画像をレイヤーにします。動画からなら「ファイル」→「読み込み」→「ビデオフレームからレイヤー」で範囲を指定します。
2. 2「ウィンドウ」→「タイムライン」を開き、パネル中央で「フレームアニメーションを作成」を選びます。
3. 3タイムラインパネルのメニューから「レイヤーからフレームを作成」を選びます。レイヤー1枚が1フレームになります。
4. 4各フレームのサムネールの下にある小さなメニューで遅延時間を設定し、パネル下部のループ設定を「無限」にします。
5. 5「ファイル」→「書き出し」→「Web用に保存（従来）」で書き出します。GIFを選んで色数（まずは128がおすすめ）とディザの有無を決め、プレビュー隅の容量を確認して保存します。

Photoshopは1フレーム単位で細かく調整できる反面、サブスクリプションと十数ステップが必要です。写真や動画を並べてきれいで軽いGIFを作るだけなら、ブラウザのツールで同じ設定を1分ほどで済ませられます。

GIFの見た目と容量を決めるのは5つの設定です。それぞれの役割と、よくある用途の目安をまとめました。

どの設定が本当に効くのかを確かめるため、このサイトのGIFエンコーダーで同じ3秒のクリップを作り、設定を1つずつ変えてみました。1つは細かい風景の上をゆっくりパンする映像で、スマホで撮った動画の多くと同じく毎フレームすべての画素が変わります。もう1つは同じ画像を固定し、小さな物体が1つ動くだけの映像で、画面録画や三脚で撮った映像に近い状態です。

分かったことは3つです。1つ目は、設定より中身が効くこと。同じサイズでも固定撮影はパン撮影の50分の1で、エンコーダーが変化した画素だけを保存するためです。2つ目は、動きのある映像ではfpsが容量にほぼそのまま比例すること。フレームが2倍ならファイルも2倍です。3つ目は、255色から64色に減らすと38%軽くなり、ディザリングを入れると23%重くなったこと。数字は素材によって変わりますが、効き目の順番は変わりません。

上から順に試し、容量が収まったところで止めてください。前の手順ほど効果が大きく、画質の犠牲も小さくなります。

1. 1長さを詰める。もたつく冒頭と最後を切ります。1秒減らせば、その1秒分は保存しなくて済みます。
2. 2fpsを下げる。20fpsから10fpsにすると、動きのある映像はおよそ半分になります。
3. 3動いている部分に絞って切り抜く。背景の動きが減るほど1フレームで変わる画素が減り、テストではこれがいちばん効きました。
4. 4幅を小さくする。GIFが表示される場所なら480pxでほぼ足り、チャットなら320pxで十分です。
5. 5色数を減らし、縞が出ていなければディザリングをオフにする。
6. 6残りは圧縮する。GIF圧縮ツールなら、完成したGIFを256KBや5MBといった指定の容量に収められます。細部は少し犠牲になります。

それでも重すぎる場合、正直なところ、その映像にGIFは向いていません。短いMP4やWebPのほうが、ずっと小さい容量で画質を保てます（下の比較を参照）。静止画が重いときは、画質を落とさずに画像の容量を小さくする方法でJPG・PNG・WebPを解説しています。

GIFでは、各フレームのパレットの中の1色を「透明」として指定できます。つまり各画素は完全に透明か完全に不透明かのどちらかで、中間はありません。輪郭のはっきりしたスタンプやアイコン、切り抜きにはよく合いますが、やわらかい輪郭が粗く見えるのはこのためです。

写真やPNGのなめらかな輪郭は、背景と溶け合う半透明の画素でできています。GIFではそれを不透明か透明のどちらかに丸めるしかないので、曲線はギザギザになり、不透明になった画素には切り抜いたときの背景の色が残ります。白い背景で作ったGIFを暗いページに置いたときに出る白や黒のフチがこれです。

• 画像から背景透過GIFを作るなら、PNGで切り抜いた素材を使い、GIF作成ツールの背景で「透明」を選びます。
• すでにあるGIFアニメを透過にするなら、GIFの背景を透過するツールを使います。フレームごとに背景を消し、別の色で塗りつぶすこともできます。
• フチを防ぐには、置く予定のページに近い色の上で切り抜くか、形をくっきりさせてぼかした影を使わないようにします。

静止画の背景透過や、PNGのほうがGIFよりやわらかい輪郭を扱える理由については、背景透過画像の作り方で詳しく解説しています。

GIFは1987年に生まれ、1989年にアニメーションと透過に対応しました。今も使われ続けているのは、再生ボタンなしでどこでも動くからです。新しい形式のほうが軽くてきれいですが、GIFが使える場所すべてで使えるわけではありません。

チャット、絵文字、メール、指定のある場所ではGIFを選びます。数秒を超えるもの、音声付きのもの、そしてアップロードしたGIFを結局動画に変換してしまうことが多いSNSではMP4が向いています。完成したGIFを切り替えるなら、GIF→MP4変換ツールがフレームのタイミングをそのまま保ちます。2.1MBのテスト用GIFは184KBのMP4になりました。自分のWebサイトで透過や軽さが必要なら、アニメーションWebPを選びましょう。WebPについては画像形式の違いで詳しく紹介しています。