Webアニメーション:GIF、Animated WebP、MP4
ループするGIFパレット、最新のWebPアニメーション、ビデオーループの比較。
ファイルはHTML5 CanvasとWebAssemblyを使用して、お使いのウェブブラウザ内で完全に処理されます。データがデバイス外に出ることは一切ありません。
アップロードやダウンロードの待ち時間は不要です。サーバーの制限を受けず、お使いのマシンのハードウェア性能をフルに活かしてローカルで変換が行われます。
公式のISO、W3C、IETF仕様に準拠しており、最新のオペレーティングシステム間での出力互換性を保証します。
フォーマットの比較と技術仕様
| 出力フォーマット | MIMEタイプ | 仕様 | タイプ |
|---|---|---|---|
| GIF アニメーションGIF | image/gif | ITU-T-T81-JPEG | ループ再生フレームシーケンス |
| MP4 動画 | video/mp4 | ISO-IEC-14496-14-MP4 | MPEG-4 Part 14動画 |
| APNG アニメーションPNG | image/apng | MOZILLA-APNG-SPEC | トゥルーカラーアニメーションPNG |
| WebP 画像 | image/webp | RFC-6386-VP8 | Google WebPモダン画像フォーマット |
| LOTTIE アニメーション | application/json | LOTTIE-ANIMATION-SPEC | ベクターアニメーションJSON |
技術仕様とコーデックの内訳
なぜGIFがWebアニメーションですでに時代遅れなのか
GIFは1987年に作成され、256色に制限されているため、ざらつきや膨大なファイルサイズを引き起こします。15MBのループするGIFをAnimated WebPまたは音声なしのMP4動画に変換すると、完全な24ビットトゥルーカラーの色忠実度とアルファ透明度を維持しながら、ファイルサイズを約1.5MBに縮小できます。
Animated WebPとループ動画のどちらを選ぶべきか
Animated WebPは、アルファ透明度を必要とするUIのマイクロインタラクションやスタンプに最適です。長時間の動画クリップの場合は、HTML5の音声なしループ動画(MP4/WebM)を使用することで、ハードウェアアクセラレーションが有効になり、モバイルのバッテリー寿命を節約できます。
外部サーバーへのデータ送信は0バイトです。すべての処理はお使いのブラウザのサンドボックス内でローカルに実行されます。