コンテンツへスキップ

GIF

GIFの概要、動画形式との比較、動きのあるコンテンツにアニメーションGIFが適している場合を解説します。

GIF(Graphics Interchange Format)は、1987年にCompuServeが公開したラスター画像形式です。1989年改訂のGIF89aで、アニメーションと透明度に使う拡張が追加されました。拡張子は .gif、MIMEタイプは image/gif です。

GIFの各フレームは、最大256色のパレットとLZW圧縮を使います。パレット画像に対しては可逆です。透明度は二値で、パレットの1色を完全に透明に指定できます。アニメーションのGIFは、各フレームの表示時間を1/100秒単位で保存し、ループ回数も保存します。

GIFは動画プレーヤーなしでほぼどこでも再生できるため、チャット、課題管理ツール、ドキュメントで広く使われています。

GIFの仕組み

フルカラーの画像は、まずフレームごとに256色に減色する必要があります。エンコーダーはパレットを選び、多くの場合、足りない色を混ぜた点の模様で表現するディザリングを加えます。パレット画像はその後、LZWで圧縮されます。アニメーションでは、各フレームまたは各フレームの変化した領域を順番に保存します。

GIFと動画(MP4、WebM)の比較

項目GIFMP4またはWebM
色数フレームあたり256色数百万色
動きのあるファイルのサイズ大きいはるかに小さい
コントロールなしの自動再生ほとんどの場所で可能サイトによる
音声非対応任意

GIFを使う場面

GIFは、単色の要素を含む操作手順の短いループに向いています。たとえば、メニューが開く5秒のアニメーションなどです。長い録画、写真、グラデーションを含む場合は、MP4のほうがファイルは小さく、色も正確になります。

Temposhotでは、書き出しバーの Export settings… で、フレーム間隔0.04、0.1、0.25、0.5、1秒のGIFを選べます。キャプチャ履歴には、セッションごとのGIFの操作もあります。MP4の書き出しは、5、10、15、24、30、60 fpsで実行できます。

よくある間違い

  • 長い録画をGIFで書き出し、非常に大きいファイルを作る。
  • 写真やグラデーションをGIFで保存し、縞模様とディザリングのノイズが出る。
  • フレームの間隔が短すぎて、読み手が各手順を追えない。
  • 透明な縁の滑らかさを期待する。GIFは半透明に対応していません。

今すぐ修正したい画像がありますか?

画像のセットからアニメーションを作るには Images to GIF を、動画を作るには Images to Video を使ってください。

よくある質問

GIFは可逆圧縮ですか?

LZW圧縮は可逆ですが、フルカラーの画像を256色に減らす時点で情報が失われます。

手順のスクリーンショットには、どのフレーム間隔を使うべきですか?

1フレームあたり0.5秒または1秒にすると、読み手が各手順を確認できます。

出典

関連リソース

同じスクリーンショットを何度も撮っていますか?

Temposhot は、画面、ウィンドウ、または範囲をタイマーに従って連続で撮影し、その一式を PDF、画像、ZIP、または MP4 で書き出します。無料のブラウザツールは、1 枚の画像の処理に対応しています。

関連リソース

関連用語

用語集のすべての用語