PRACTICAL GUIDE
アニメーション画像に使うファイル形式
短い説明用の反復動作にはGIFやWebP・AVIFを、長尺・音声・再生制御が必要な表現には動画を検討します。形式名だけで容量や画質を決めず、配信先と実ファイルで確認します。
迷ったら、ここで選ぶ
- 短い互換性重視のループ → GIF
- Web配信の透過アニメーション → WebP
- AVIF対応環境で容量・画質を検討 → AVIF
- 長尺・音声・再生制御 → MP4
画像の反復か動画かを先に分ける
GIF・WebP・AVIFは画像として埋め込む短いフレーム列に向きます。尺が長い、音声が必要、再生位置や操作を制御したい場合は、画像形式の代わりにMP4などの動画を検討します。
透過と配信環境を確認する
GIFの透過表現には制約があります。WebP・AVIFで透過やアニメーションを配信する場合は、対象ブラウザ、CMS、変換サービスが扱えるかを確認し、実際の解像度・フレーム数・設定で容量を比べます。
候補形式
関連する比較
注意点
- GIFへ変換すると色数や半透明の表現が変わる場合があります。
- 変換前の元データと、ループ設定・フレーム速度を確認します。
- 自動再生や容量の扱いは配信先の実装と利用者の環境で確認します。