UltKit

MP4をWebPに変換

アニメーションWebPはGIFと同じように無音でループ再生されますが、数百万色を保ち、容量も通常ずっと小さく済みます。MP4から数秒を切り出して、ここでアニメーションWebPに変換できます。

動画変換

またはMP4, MOV, MKV … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    MP4を追加する

    動画をアップロードエリアにドロップします。1回につき最大20ファイル、1ファイルあたり95 MBまで対応しています。

  2. 2

    範囲とサイズを選ぶ

    詳細設定で開始位置と終了位置を入力すると、必要な場面だけを残せます。このページの初期値は幅 480 px、フレームレート 15 fps で、無限にループします。

  3. 3

    変換してダウンロードする

    WebPに変換を押して、アニメーションを保存します。

回答

MP4をアニメーションWebPに変換できますか?

はい。動画のフレームを選択した幅とフレームレートにリサンプリングし、音声なしのループするWebP画像1枚として書き出します。ほとんどのページやチャットには、480 px・15 fpsが適しています。

動画をアニメーションWebPにする理由

videoタグは、ブラウザが自動で再生を始めるまでにコントロール、自動再生のルール、muted属性が必要です。また、ページビルダー、ストアの出品エディタ、Markdownファイルなどには画像しか受け付けないものもあります。アニメーションWebPなら、画像を置ける場所ならどこでも使え、読み込まれた瞬間に動き出します。

GIFと比べると、WebPは8ビットのアルファチャンネル付きの24ビットフルカラーを保持し、VP8動画コーデックの圧縮を使うため、グラデーション、肌の色、影が滑らかに保たれます。MP4と比べると、数秒を超える長さでは効率が落ちるため、クリップ全体ではなく短いループ向きです。

MP4からWebPへの変換における幅と容量

  1. 240 px

    サムネイルや絵文字サイズのループ向けです。

  2. 360 px

    チャットの返信や狭いサイドバー向けです。

  3. 480 px

    このページの初期値です。ブログやドキュメントの本文幅に向いています。

  4. 720 px

    小さな文字を読めるまま見せたい商品デモ向けです。

  5. 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)
MP4 変換

WEBP

WebP 画像

WebP は、ウェブページの表示を速くするために Google が 2010 年に公開した画像形式です。非可逆圧縮と可逆圧縮の両方、アルファ透過、アニメーションを 1 つの形式で扱えます。非可逆 WebP は、同程度の画質の JPEG と比べて一般に 25–35% 小さくなり、可逆 WebP も通常は PNG より小さくなります。現行のブラウザーはすべて対応していますが、古いデスクトップソフト、印刷サービス、アップロードフォームの中には、今でも受け付けないものがあります。Windows、macOS、最近のほとんどの画像編集ソフトで WebP を開けます。

圧縮方式
非可逆または可逆
透過
対応
アニメーション
対応
登場時期
2010 · Google
WEBP 変換

GIFのような容量の重さや色の劣化を避けつつ、短いクリップをWebページ、ストアの商品ページ、ステッカーで自動再生・ループさせたいときに、MP4をアニメーションWebPに変換します。

このページ

アニメーションWebP

自動でループする画像です。

  • 数百万色と柔らかい透過に対応
  • 画像しか使えない場所でも使える
  • 音声なし
おすすめ: Webページや出品ページの短いループ。
最も古い

アニメーションGIF

どのアプリでも対応している形式です。

  • 1フレームあたり256色
  • 3つの中で最も重い
  • メールクライアントでも再生できる
おすすめ: メールや古いフォーラム。
最長

MP4動画

タイムラインのある本物の動画です。

  • 長いクリップでは最も小さい
  • 音声を保持できる
  • 動画プレーヤーやタグが必要
おすすめ: 10秒を超えるもの全般。

アニメーション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に変換をご利用ください。