写真や短い動画からGIFを作る方法

GIFを作るには、フレームを用意します。順番に並べた静止画か、短い動画クリップを使います。次に幅、フレームレート、ループの設定を選んで書き出します。GIFは短く、幅を狭くしてください。GIFの各フレームは別々の画像として保存されるため、フレーム数とピクセルサイズがファイルの大きさを決めます。Ezgif、GIPHY、CloudConvertの比較では、動画をGIFに変換するオンラインの方法を紹介しています。

GIF作成写真や動画からGIFを作りたい無料で使う

GIFでできることとできないこと

GIF形式には、設計上の制限がいくつかあります。それを押さえておくと、以降の設定が分かりやすくなります。

• 1フレームあたり256色。 各フレームのカラーテーブルは最大256エントリで、すべてのピクセルはそのいずれかを参照します。微妙な階調の多い写真は、この256色に減らす必要があります。
• 音声なし。 GIFの仕様では、画像、グラフィック制御、コメント、テキスト、アプリケーションデータのブロックが定義されています。音声はありません。動画クリップから作ったGIFは、音なしで再生されます。
• フレームの時間は1/100秒単位。 各フレームの表示時間は1/100秒単位で保存されます。そのため0.10秒や0.50秒は指定できますが、0.123秒は指定できません。
• ループ。 元の形式ではアニメーションは1回だけ再生されます。ループは広く使われたNetscapeの拡張機能で導入され、今ではほぼすべてのビューアがループ回数に対応しています。0は無限ループを意味します。
• 圧縮。 画像データはLZWで圧縮されます。同じ色が続く平坦な部分では効果が高く、ノイズや細かい質感の部分では効果が低くなります。

GIFが大きくなる理由

各フレームは、それぞれ独自のピクセルを持つ画像として個別に保存されます。たとえば30フレームのGIFは、1枚の画像と変化分ではなく、30枚の画像を保存しています。LZW圧縮で各フレームのサイズは小さくなりますが、草や群衆の写真のように細部のノイズが多いフレームは、大きく縮めることができません。

ファイルサイズは、次の3つの設定で決まります。

• 幅と高さ: 各フレームのピクセル数。
• フレームレート: 1秒あたりのフレーム数。
• 長さ: 秒数。

フレームの総数は、フレームレートに長さを掛けたものです。10フレーム/秒で3秒のクリップなら、フレームは30枚になります。

具体例で考えてみましょう。480 × 270ピクセルのフレームは129,600ピクセルです。圧縮前に1ピクセル1バイトとすると、1フレームで129,600バイトになります。このサイズのフレームを30枚使うと、LZWで縮める前でおよそ3.9 MBになります。幅と高さを960 × 540に2倍にすると、フレームあたりのピクセル数は4倍になります。同じ30フレームでは、圧縮前でおよそ4倍のサイズになります。フレームレートや長さを2倍にすると、増えるのはフレーム数です。3つの設定はいずれもファイルサイズを掛け算的に増やします。幅は各フレームのピクセル数すべてに効くため、最もサイズに響く設定です。

幅、フレームレート、長さを選ぶ

まずは、伝えたい内容が見える最小の幅から始めてください。スマートフォンの画面で見るGIFなら、大きなフレームは必要ありません。何より先に幅を縮めましょう。

フレームレートは滑らかさを決めます。水を注ぐ動きやゆっくりした回転のような低速の動きは、低いフレームレートでも自然に見えます。跳ねるボールのような速い動きは、滑らかに見せるためにより多くのフレームが必要です。フレームを増やすたびにサイズも増えます。

長さは短く抑えてください。GIFは数秒のループにするのが最適です。長めの素材には、短い動画の方が向いています。動画のコーデックは、フレーム間の動きを圧縮するように作られています。256色とLZWに基づくGIFのフレームよりも効率よく圧縮できます。

結果が大きすぎる場合は、まず幅を縮め、次にフレーム数、最後に長さを減らしてください。画像圧縮ツールはJPG、PNG、WebPに対応しています。非常に大きな写真は、GIFを作る前に縮小しておきましょう。

フレームがすでに動画クリップになっている場合は、動画を小さいGIFに変換を使うと、クリップから始めて必要な長さに切り取れます。フレームを手作業で書き出す手間が省けます。

書き出す前に文字を入れる

GIFにキャプションが必要な場合は、フレームをまとめる前に、各静止画に文字を入れてください。写真に文字を入れるツールでは、文字に色、縁取り、背景の箱を付けられます。背景がフレームごとに変わる場合でも、箱があれば文字が読みやすくなります。各フレームで文字の位置を同じにすると、文字がずれて見えません。

ディザリングとバンディング

空のような滑らかなグラデーションを256色に減らすと、色の境目が縞模様として見えることがあります。ディザリングは、隣り合う2色のピクセルを散らして配置し、目にはその中間の色として見せる方法です。これによって縞模様を抑えられます。

代表的な方法は、フロイド＝スタインバーグ・ディザリングです。1976年にロバート・フロイドとルイス・スタインバーグが発表しました。各ピクセルの誤差を、まだ処理していない隣のピクセルへ、重み7/16、3/16、5/16、1/16で配分します。24ビットのPNGをGIFに変換するなど、フルカラー画像を色数の少ないパレットに変換する場合によく使われます。

ディザリングにはコストもあります。散らしたピクセルが細かいノイズを増やし、LZWでうまく圧縮できなくなるため、ディザリングしたGIFは通常サイズが大きくなります。写真やグラデーションにはディザリングを使ってください。ロゴやスクリーンショットのような平坦な図版では、ノイズが増えるだけなのでオフにしてください。

スムーズに繰り返すループの作り方

最後のフレームが最初のフレームに自然につながると、ループが最も滑らかに再生されます。開始と終了が似た姿勢や位置になるようにクリップを切り取ってください。動画の場合は、動きが戻るのではなく一周するように開始点と終了点を選びます。止まってから急に最初に戻るループは、通常、開始フレームと終了フレームの差が大きすぎることが原因です。

よくある質問

GIFに音を入れられますか？ いいえ。音声は別の方法で追加するか、代わりに短い動画を使ってください。

GIFに縞模様が出るのはなぜですか？ 滑らかなグラデーションを256色に減らしたときに起きる、色のバンディングが原因です。ディザリングで改善できることがありますが、ファイルサイズは増えます。

GIFがカクカクするのはなぜですか？ フレームレートが低いか、フレームごとの変化が大きすぎるためです。ファイルサイズに余裕があればフレームレートを上げるか、クリップを短くして、各フレームで大きな飛びがないか確認してください。

このツールはブラウザで動きますか？ はい。GIFを作成する間、写真や動画はお使いの端末内に残ります。