UltKit

WebMをGIFに変換

WebMはWeb標準の動画形式ですが、画像は表示できてもWebMは再生できない場所が少なくありません。メール、古い掲示板、多くのWiki、一部の課題管理ツールなどです。短いWebMクリップをGIFに変換すれば、画像を貼れる場所ならどこでもループ再生される画像になります。

動画をGIFに変換

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

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

GIFのサイズ
px

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

このツールの使い方

  1. 1

    WebMをアップロード

    スクリーンレコーダー、ブラウザ拡張機能、編集ソフトで作成した .webm ファイルを追加します。1ファイル95 MBまで、1回につき20ファイルまで追加できます。

  2. 2

    切り出す場面とサイズを選ぶ

    使いたい部分の開始位置と終了位置を入力します。幅の初期値は480 px、フレームレートの初期値は15 fpsです。どちらかを下げると、ファイルが軽くなります。

  3. 3

    「GIFに変換」を押す

    GIFに変換 →を押し、プレビューでループを確認してから、GIFまたはバッチ全体をZIPでダウンロードします。

クリップを約6秒以内、幅480 px、10〜15 fpsに収めると、WebMの画面キャプチャは通常、数MBのGIFになります。

VP8・VP9・AV1のWebMをGIFに変換

WebMは2010年にGoogleが、HTML5動画用のロイヤリティフリー形式として発表しました。コンテナはMatroskaのサブセットで、中の映像は3つのコーデックのいずれかです。元祖のVP8、2013年に登場し、ブラウザの録画機能や多くのWeb動画で使われているVP9、そして2018年にAlliance for Open Mediaが公開したAV1です。音声はVorbisまたはOpusですが、GIFには音がないため取り除かれます。

3つの映像コーデックはすべてここでデコードされるので、ファイルがどれを使っているか確認する必要はありません。Chrome、Edge、FirefoxはMediaRecorder APIで作成した画面録画やカメラ録画をWebMで保存します。バグ報告や使い方の動画の多くがこの形式から始まるのはそのためです。

失われるのは色です。GIFの各フレームには最大256色しか入らず、その色はクリップに合わせて選ばれます。残りの色はディザリングが細かいパターンで混ぜて擬似的に表現します。単色が中心のインターフェースはほぼ完璧に変換できますが、グラデーションや実写映像では粒状感や色の段差が目立ちます。

WEBM

WebM 動画

WebM は、Google が 2010 年にウェブ向けとして公開した、オープンでロイヤリティフリーの動画形式です。Matroska をベースにしており、VP8、VP9、AV1 の映像と Vorbis または Opus の音声を格納できます。VP9 の WebM にはアルファチャンネルを含められるため、透過動画にも使えます。ブラウザーで標準再生でき、ブラウザー上の画面録画ツールでもよく使われます。一方、Apple 製品、動画編集ソフト、SNS では、MP4 に比べて対応が十分でない場合があります。

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

GIF

Graphics Interchange Format

GIF は1987年に CompuServe が導入した形式で、短いループアニメーションでは今も最も広く対応しています。可逆ですが、1フレームあたり 256 色のパレットに制限されるため、写真やグラデーションではバンディングやディザリングが目立ちます。透明はオン/オフのみ(1 ビット)で、曲線の縁がギザギザになります。アニメーション GIF は、同じクリップの MP4 や WebP よりはるかに大きくなることがよくあります。すべてのブラウザー、チャットアプリ、SNS で GIF を再生できます。

圧縮方式
可逆
透過
対応
アニメーション
対応
登場時期
1987 · CompuServe
GIF 変換

WebMのクリップはブラウザ、画面録画ソフト、Webからのダウンロードで得られますが、メールソフト、掲示板、多くのドキュメントツールは画像しか受け付けません。WebMから作成したGIFなら、プレーヤーなしでそれらすべてで再生できます。

WebMをGIFに変換するときのフレームレートの選び方

  1. 5 fps

    スライドショーのような動き。カーソルが2つの状態を行き来する程度なら十分です

  2. 10 fps

    動きとして認識できる最小の設定です

  3. 15 fps

    スクロールや入力がなめらか。このページの初期値です

  4. 24 fps

    映画のような動きで、サイズは12 fpsの約2倍です

  5. 30 fps

    動きの速いゲームやスポーツ向け。GIFには重すぎることが多いです

ファイルサイズはフレーム数にほぼ比例して増えるため、15 fpsから30 fpsにするとほぼ2倍になります。幅の影響はさらに大きく、640 pxは480 pxの約2倍の画素数が毎フレームにあり、960 pxなら4倍です。おおまかな見積もりは、幅×高さ×フレーム数を、LZWが画像をどれだけ圧縮できるかで割った値です。単色の多い画面なら大きく圧縮できますが、カメラ映像ではほとんど圧縮できません。

それでもチャットにアップロードするには大きい場合は、先に色を減らすのではなく、Discord用にGIFを圧縮するか、クリップをさらに短くしてください。

GIF、アニメーションWebP、それともWebMのままにするか

GIF

ほとんどの環境で再生可能

どこでも使えますが、256色までで、ファイルは大きくなります。

  • メール、掲示板、Wiki、READMEファイル
  • 音声なし
  • 透過は1色のみ
おすすめ: 画像しか受け付けない場所
アニメーションWebP

より小さく、フルカラー

Chrome、Edge、Firefox 65以降、Safari 14以降に対応しています。

  • 数百万色
  • 完全なアルファ透過
  • すべてのアプリやメールソフトで表示されるわけではありません
おすすめ: 自分のWebページやステッカー
WebM

動画のまま残す

同じクリップのGIFより何分の一も小さくなります。

  • 音声を保持
  • 動画プレーヤーまたはvideoタグが必要
  • 1MBあたりの画質が最も高い
おすすめ: 動画を再生できるサイトやアプリ

WebMのGIF変換に関するよくある質問

透過WebMを背景透過のGIFに変換できますか?

期待しないでください。VP8やVP9のWebMは、縁がなめらかな完全なアルファチャンネルを保持できますが、GIFではパレットの1色だけを完全な透明として扱い、それ以外はすべて不透明になります。透過が引き継がれる場合でも、なめらかな縁はギザギザになります。ステッカーやオーバーレイ用途なら、アニメーションWebPやAPNGのほうが適しています。

同じ長さのMP4に比べて、WebMの変換に時間がかかるのはなぜですか?

AV1や、それより程度は小さいもののVP9は、H.264よりデコードに多くの処理が必要です。そのため、各フレームがGIFエンコーダーに届くまでに時間がかかります。開始位置と終了位置の範囲を狭くすれば、不要な部分をデコードせずに済みます。

ブラウザの画面録画で作ったWebMの場合、GIFの幅はどれくらいにすべきですか?

画面録画は幅1920 px以上のことが多く、縮小を必要最小限にとどめると文字が読みやすいまま残ります。ドキュメント内の手順説明には640〜800 pxが適しています。ボタンをクリックする様子を見せるだけなら、その瞬間を短く切り出し、480 pxのままにしてください。

WebMとGIFで再生速度が違うのはなぜですか?

画面録画やブラウザ録画はフレームレートが可変のことが多く、フレームが均等な間隔で届きません。GIFでは選んだフレームレートの固定間隔になるため、そのばらつきがならされ、カクつく録画が安定して見えることがあります。

後からGIFをWebMに戻すことはできますか?

はい、GIFをWebMに変換で可能です。ただし、失われた色やフレームは戻りません。元の画質のクリップが再び必要になるかもしれない場合は、元のWebMを残しておいてください。