MP4をWebPに変換
アニメーションWebPはGIFと同じように無音でループ再生されますが、数百万色を保ち、容量も通常ずっと小さく済みます。MP4から数秒を切り出して、ここでアニメーションWebPに変換できます。
動画変換
またはMP4, MOV, MKV … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
値が小さいほど高画質でファイルも大きくなります。18 は元と見分けがつかない画質、23 が初期値、28 以上では目に見えてぼやけます。
1 秒あたりのフレーム数です。プラットフォームから指定がない限り、元のレートのままにしてください。GIF なら 15–20 fps で十分です。
PowerPoint ファイルと静止画 1 枚の場合のみ使用します。各スライドまたは画像を表示する長さです。
自動では、MP4/MOV に AAC、WebM に Opus を使用します。「元の音声をコピー」は、変換先の形式が対応している場合に元の音声をそのまま保持します。
音楽なら 192 kbps で元と聞き分けられません。会話なら 128 kbps で十分です。
アニメーションの幅をピクセルで指定します。高さは縦横比に合わせて決まります。チャットなら 480 px が適しています。720 px 以上だと高画質な GIF になりますが、ファイルサイズはかなり大きくなります。
GIF は最大 256 色です。色数を減らすとファイルは小さくなりますが、グラデーションや肌の色に縞模様が出ます。
パレットの色を細かいパターンで混ぜて、縞模様を目立たなくします。Sierra が最もなめらかで、なしが最小サイズです。
アニメーションを無限に繰り返すか、1 回だけ再生して止めるかを選びます。
任意です。秒数(例: 75)または分:秒(1:15)で指定します。空欄にすると最初から始まります。
任意です。開始時間と同じ形式で指定します。空欄にすると最後までそのまま残ります。
変換後のファイルは、このサイズちょうどかそれをわずかに下回るサイズになります。
このツールの使い方
- 1
MP4を追加する
動画をアップロードエリアにドロップします。1回につき最大20ファイル、1ファイルあたり95 MBまで対応しています。
- 2
範囲とサイズを選ぶ
詳細設定で開始位置と終了位置を入力すると、必要な場面だけを残せます。このページの初期値は幅 480 px、フレームレート 15 fps で、無限にループします。
- 3
変換してダウンロードする
WebPに変換を押して、アニメーションを保存します。
MP4をアニメーションWebPに変換できますか?
はい。動画のフレームを選択した幅とフレームレートにリサンプリングし、音声なしのループするWebP画像1枚として書き出します。ほとんどのページやチャットには、480 px・15 fpsが適しています。
動画をアニメーションWebPにする理由
videoタグは、ブラウザが自動で再生を始めるまでにコントロール、自動再生のルール、muted属性が必要です。また、ページビルダー、ストアの出品エディタ、Markdownファイルなどには画像しか受け付けないものもあります。アニメーションWebPなら、画像を置ける場所ならどこでも使え、読み込まれた瞬間に動き出します。
GIFと比べると、WebPは8ビットのアルファチャンネル付きの24ビットフルカラーを保持し、VP8動画コーデックの圧縮を使うため、グラデーション、肌の色、影が滑らかに保たれます。MP4と比べると、数秒を超える長さでは効率が落ちるため、クリップ全体ではなく短いループ向きです。
MP4からWebPへの変換における幅と容量
- 240 px
サムネイルや絵文字サイズのループ向けです。
- 360 px
チャットの返信や狭いサイドバー向けです。
- 480 px
このページの初期値です。ブログやドキュメントの本文幅に向いています。
- 720 px
小さな文字を読めるまま見せたい商品デモ向けです。
- 1280 px
全幅のヒーローループ向けです。ファイルは重くなります。
MP4
MPEG-4ビデオ
MP4(MPEG-4 Part 14)は、ISO/MPEGが標準化し、AppleのQuickTime形式をベースにしたマルチメディアコンテナです。通常はH.264またはHEVCのビデオとAAC音声を含み、字幕、チャプター、メタデータも格納できます。スマートフォン、ブラウザ、テレビ、ゲーム機、SNSで再生でき、世界で最も互換性の高いビデオ形式です。中のビデオはほとんどの場合非可逆なので、再エンコードを繰り返すと少しずつ画質が落ちます。
- 圧縮方式
- 非可逆
- 透過
- –
- アニメーション
- –
- 登場時期
- 2001 · Moving Picture Experts Group (MPEG)
WEBP
WebP 画像
WebP は、ウェブページの表示を速くするために Google が 2010 年に公開した画像形式です。非可逆圧縮と可逆圧縮の両方、アルファ透過、アニメーションを 1 つの形式で扱えます。非可逆 WebP は、同程度の画質の JPEG と比べて一般に 25–35% 小さくなり、可逆 WebP も通常は PNG より小さくなります。現行のブラウザーはすべて対応していますが、古いデスクトップソフト、印刷サービス、アップロードフォームの中には、今でも受け付けないものがあります。Windows、macOS、最近のほとんどの画像編集ソフトで WebP を開けます。
- 圧縮方式
- 非可逆または可逆
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2010 · Google
GIFのような容量の重さや色の劣化を避けつつ、短いクリップをWebページ、ストアの商品ページ、ステッカーで自動再生・ループさせたいときに、MP4をアニメーションWebPに変換します。
アニメーションWebP
自動でループする画像です。
- 数百万色と柔らかい透過に対応
- 画像しか使えない場所でも使える
- 音声なし
アニメーションGIF
どのアプリでも対応している形式です。
- 1フレームあたり256色
- 3つの中で最も重い
- メールクライアントでも再生できる
MP4動画
タイムラインのある本物の動画です。
- 長いクリップでは最も小さい
- 音声を保持できる
- 動画プレーヤーやタグが必要
アニメーションWebPを軽く保つコツ
ファイルの重さは、長さ、幅、フレームレートの3つの設定でほぼ決まります。影響が大きい順に、長さ、幅、フレームレートです。クリップの長さを半分にするとファイルも半分になり、720 pxから480 pxに下げると約半分になり、30 fpsから15 fpsにすると3分の1以上減ります。それでも画面録画やリアクションなら動きは十分滑らかに見えます。
ページビルダーにアップロード上限がある場合は、ファイルサイズを制限にチェックを入れて上限値を入力してください。収まるまで画質を下げて変換します。元の形式を問わず複数のクリップをまとめて変換したいときは、動画変換でMOV、MKV、WebMも同じように変換できます。
MP4をWebPに変換に関するよくある質問
MP4をWebPに変換すると音声は残りますか?
いいえ。アニメーションWebPは音声トラックを持たない画像形式のため、音は削除されます。音が必要な場合は動画のまま残してください。MP4をWebMに変換すると、音声付きで容量の小さいWeb用動画になります。
アニメーションWebPの長さはどこまでにできますか?
形式自体に実用上の長さの上限はありませんが、秒数が増えるほどブラウザが読み込むデータが増え、ループが滑らかに再生されるまで時間がかかります。バナー、商品デモ、リアクションループなら2〜6秒が目安です。開始位置と終了位置でカットしてください。
アニメーションWebPの幅はどれくらいにすればよいですか?
表示する枠の大きさに合わせます。チャットやブログの本文幅なら480 pxあれば十分です。全幅のヒーローアニメーションなら960 pxや1280 pxにもできますが、ファイルサイズはかなり大きくなります。高さは動画の縦横比に合わせて決まります。
アニメーションWebPはすべてのブラウザで再生できますか?
最新のChrome、Edge、Firefox、Safariはいずれも再生できます。Firefoxはバージョン65(2019年)、Safariはバージョン14(2020年)で対応したため、それより古いブラウザでのみ画像が正しく表示されません。
WordPressでアニメーションWebPは使えますか?
WordPressはバージョン5.8(2021年)からWebPのアップロードに対応しています。メディアライブラリのサムネイルではアニメーションが動かないことがありますが、ページ上のフルサイズ画像は、プラグインが静止画に再圧縮しない限り再生されます。
MP4をGIFに変換する場合と何が違いますか?
GIFは1フレームあたり256色までで圧縮効率も低いため、同じ幅のクリップでも数倍重くなるのが普通です。GIFを選ぶのは、多くのメールクライアントのようにWebPを受け付けない場所に使うときだけにしてください。その場合はMP4をGIFに変換をご利用ください。