1 動画を選ぶ
- ファイル
- —
- サイズ
- —
- 画面
- —
- 長さ
- —
- 映像
- —
- 読み取り方式
- —
2 範囲を選ぶ
映像を再生して、使いたい部分に印を付けてください。Iは再生位置を始点に、Oは終点にします。バーの両端のつまみは、どちらもドラッグできます。
3 大きさとフレームレート
幅 高さはそれに従うので、形が変わることはありません。GIFの費用を決めるのは幅です。幅が半分なら、ピクセルは4分の1になります。
正確な幅 ピクセル数で、16から1920のあいだで指定します。
1秒あたりのフレーム数 動画自身のフレームレートではありません。そこから間引いて取り出します。12あれば動きとして読み取れます。20を超えると、なめらかさが見えるより速く、ファイルのほうが大きくなります。
ディザリング ちょうどの色がないところで、パレットの2色を混ぜます。組織的ディザなので、静止した背景がちらつきません。
ずっと繰り返す 外すと、1回再生して止まります。
- 範囲
- —
- 書き出し
- —
- フレーム数
- —
- おおよそのサイズ
- —
# 動画をGIFに｜動画をGIFに変換 使う範囲と、大きさと、フレームレートを選ぶだけです。 > MP4・MOV・WebMの一部をアニメーションGIFにします。範囲、幅、フレームレートを選べば、フレームの読み込みもGIFの書き出しもブラウザの中で終わります。アップロードはありません。 これはhttps://abox.tools/ja/video-to-gif/にあるブラウザー用の対話型ツールです。ファイルはそのブラウザーを実行する端末上で処理します。意図した共有や任意の通信機能はページ内で説明します。以下は文章による説明です。利用するにはアドレスを開いてください。 ## 動画は**ブラウザー内で処理**されます。処理のためのアップロードはありません。 すべてのフレームを読み込み、縮小し、減色し、書き出すのは、お使いのブラウザと手元のハードウェアです。何かを取りに行ったり送ったりできる部分はここにありません。このツールにはネットワーク機能が一切なく、仮にあったとしても、このページの向こう側に動画を受け取るサーバーが存在しません。 - ✗ アップロードなし - ✗ 登録なし - ✗ 透かしなし - ✓ 長さは自由 - ✓ オフラインで動作 ## 動画をGIFにする手順 1. **動画を選びます。** MP4、MOV、M4V、WebMを選択欄にドロップするか、手で選んでください。ブラウザがディスクから直接読み出します。その間に何かがどこかへ送られることはありません。 2. **範囲に印を付けます。** 映像を再生しながら、始まりで`I`、終わりで`O`を押すか、バーのつまみをドラッグしてください。GIFは数秒のものです。ファイルが小さく済むか巨大になるかを決めるのは、ほかの2つよりずっと、この設定です。 3. **幅とフレームレートを選びます。** GIFの用途のほとんどには、幅480ピクセル、1秒あたり12フレームが合います。幅を半分にすればピクセルは4分の1になります。1秒12フレームは動きとして読み取れますし、誰にも見えないフレームに費用を払わずに済みます。 4. **作って、ダウンロードします。** フレームを読み込み、アニメーション全体に対して256色のパレットを1つ選び、各フレームは変化した部分だけを書き出します。できあがるとページ上で再生されますが、それはダウンロードで得られるのと同じファイルです。 ## 詳しい解説 [動画をGIFにする方法](https://abox.tools/ja/guides/turn-a-video-into-a-gif/): どの範囲、どの幅、どのフレームレートを選ぶか、動画から作ったGIFがその動画の10倍になる理由、そしてそもそもGIFを使うべきときはいつか。 ## 箱の中のほかのツール - [GIF作成](https://abox.tools/ja/gif-maker/): 何枚かの画像を、ひとつのアニメーションにします。 - [GIF分解](https://abox.tools/ja/split-gif/): すべてのコマを、1枚ずつPNGで。 - [GIF解析](https://abox.tools/ja/gif-analyzer/): コマ、表示時間、パレット、そしてバイトの行き先。 - [動画圧縮ツール](https://abox.tools/ja/compress-video/): 容量の上限を指定すると、設定を計算し、結果を実測します。 ## よくある質問 ### 動画はどこかにアップロードされますか？ されません。読み込みも抽出も変換も、お使いのブラウザが手元のハードウェア上で行います。このツールにサーバー側は存在しません。ページの`Content-Security-Policy`には接続してよいアドレスがすべて挙がっていますが、そのどれも当サイトのものではありません。言われるより確かめたい方は、回線を抜いてからGIFを作ってみてください。 ### どの動画形式を変換できますか？ MP4、M4V、MOVは中身が何であれ直接読みます。H.264、HEVC、AV1、VP9のいずれも、ブラウザがそのコーデックをデコードできる限り扱えます。それ以外でブラウザが再生できるもの、いちばん多いのはWebMですが、それらは再生位置を各瞬間へ送って読み取ります。こちらは遅く、どのフレームがどこに来るのかもわずかに不正確です。ブラウザが読むことも再生することもできないファイル、実際にはAVI、WMV、FLV、そして大半のMKVは、途中で失敗するのではなく、その旨のメッセージを出して断ります。 ### GIFがこんなに大きいのはなぜですか？ GIFが1987年の形式で、動きではなく画像を丸ごと保存するからです。5秒の映像から作ったGIFを、元の5秒のMP4と同じ大きさにする方法はありません。動画から作ったGIFは、その動画の10倍の大きさになるのがふつうです。実際に大きさを決める3つの設定は、効く順に、範囲の長さ、画像の幅、1秒あたりのフレーム数です。幅を半分にすればピクセルは4分の1になり、費用がかかるのはピクセルです。 ### なぜ256色しかないのですか？ それが形式そのものだからです。GIFは最大256色の表を1つ持ち、各ピクセルをその表への番号として保存します。このツールは、指定された範囲の全フレームの色を数え、256のまとまりに分けることでその256色を選びます。メディアンカットという標準的な手法です。ですからパレットは、固定の色の組ではなく、その映像に合ったものになります。足りない色があるところでは、ディザリングが最も近い2色を混ぜるので、グラデーションが縞にならずにグラデーションのまま残ります。 ### ディザリングの設定は何をするものですか？ わずかなノイズと引き換えに、大量の縞を消します。有効にすると、そのままでは4本の平坦な帯になってしまう空が、グラデーションのまま残ります。代償はかすかな質感と、大きくなるファイルです。無効にすると画像は平坦になり、ファイルは小さくなります。画面録画、線画、もともと平坦な色でできているものに向きます。ここで使っているのは誤差拡散ではなく組織的ディザなので、変化のない背景がフレーム間でちらつかず、完全に静止したままになります。 ### 長さやサイズに制限はありますか？ 開始前に、保持するフレーム、GIF出力、一時的なデコードバッファーを見積もり、一定の計画予算を超える場合は処理を拒否します。ブラウザーのデバイスメモリー情報によって予算を小さくすることがありますが、空きメモリーを測定するものでも、タブが予算内に収まる保証でもありません。幅、範囲、フレームレートを小さくすると出力処理が減りますが、元の動画には独自のデコードバッファーが必要です。 ### 音声は残りますか？ GIFは音を運べません。音声を持つ版の形式は存在せず、ウェブがGIFを無音のループ動画でおおむね置き換えた主な理由がこれです。音が大事なら、動画のままにしてください。[動画カットツール](https://abox.tools/ja/trim-video/)なら、フレームをエンコードし直さずに一部を切り出せます。 ### 無料ですか。アカウントは必要ですか？ 無料です。アカウントも、ログインも、試用期間も、透かしもありません。このサイトには広告があり、それが費用を賄っています。広告に動画の情報が渡されることはありません。 ## この主張を確かめる方法 - **処理はこのブラウザー内で行います。** 入力と結果はブラウザー内で処理し、処理コードはそれらを処理用にアップロードしません。Content-Security-Policyは資源と接続先を制限しますが、許可済みの相手はリクエストを受け取れます。内容は検査せず、何も送られないことを単独で証明しません。具体的な操作の要求とソースを比較するか、切断中にローカル操作を完了してください。 - **何かを取りに行くコードがありません。** このツールにはネットワーク機能が一切ありません。貼り付けるアドレスも、ダウンロードするものも、初回に取りに行くエンジンもありません。動画に触れるコードは、1バイト残らずページを読み込んだときにこのオリジンから届いたものです。 - **デコードは手元で行います。** フレームが通るのは、お使いのブラウザのWebCodecsか、そうでなければ、そもそもその映像を再生するのに使われるのと同じ再生エンジンです。どちらが使われたのかはページの上部に書きます。それによってフレームの選ばれ方が変わるので、見えるようにしておくべきだからです。 - **GIFはここで、誰でも読めるコードが書きます。** パレット、ディザリング、LZW圧縮は、このツール自身のフォルダにある600行ほどです。エンコード用のサービスも、実行時に取ってくるライブラリも、そのどこにも画像を送れる場所もありません。 - **Googleが読み込むものと、渡されないもの。** 広告と計測のスクリプトはGoogleから来ています。そのどちらにも、動画に関する情報は渡されません。ファイルも、フレームも、名前も、サイズも、長さも、印を付けた範囲もです。読み込み、抽出、減色、書き出しを行うコードはすべてこのオリジンから配信され、リポジトリに載っています。 - **寄付ボタンが読み込むものと、渡されないもの。** ヘッダーの「Buy me a coffee」ボタンは、cdnjs.buymeacoffee.comのスクリプトが描き、書体をGoogle Fontsから取っています。これはリンク以上のものではありません。訪問を報告しませんし、閲覧者や動画に関する情報も渡されません。 - **オフラインで動きます。** 通信を切っても、このページの機能はすべてそのまま動きます。これがいちばん単純な証明です。 **自分で確かめてください。**以上のどれも、鵜呑みにする必要はありません。このページは、リポジトリにあるテンプレートと設定から、誰でも読んで実行できるビルドスクリプトが生成しています。その結果は`dist`ブランチに置いてあるので、配信されているものと、ソースをビルドした結果とを差分で比べられます。 https://github.com/A-Box-of-Tools/website まず読むとよいのは、Content-Security-Policyについては`config/site.toml`、動画からフレームを読み出す2つの方法については`src/frames.js`、パレットについては`src/quantize.js`、LZWを含むファイル本体については`src/gif.js`です。どれもリクエストを出せるものを読み込んでいません。
動画をGIFにする手順
- 動画を選びます。MP4、MOV、M4V、WebMを選択欄にドロップするか、手で選んでください。ブラウザがディスクから直接読み出します。その間に何かがどこかへ送られることはありません。
- 範囲に印を付けます。映像を再生しながら、始まりでI、終わりでOを押すか、バーのつまみをドラッグしてください。GIFは数秒のものです。ファイルが小さく済むか巨大になるかを決めるのは、ほかの2つよりずっと、この設定です。
- 幅とフレームレートを選びます。GIFの用途のほとんどには、幅480ピクセル、1秒あたり12フレームが合います。幅を半分にすればピクセルは4分の1になります。1秒12フレームは動きとして読み取れますし、誰にも見えないフレームに費用を払わずに済みます。
- 作って、ダウンロードします。フレームを読み込み、アニメーション全体に対して256色のパレットを1つ選び、各フレームは変化した部分だけを書き出します。できあがるとページ上で再生されますが、それはダウンロードで得られるのと同じファイルです。
詳しい解説
動画をGIFにする方法 どの範囲、どの幅、どのフレームレートを選ぶか、動画から作ったGIFがその動画の10倍になる理由、そしてそもそもGIFを使うべきときはいつか。
箱の中のほかのツール
よくある質問
動画はどこかにアップロードされますか？
されません。読み込みも抽出も変換も、お使いのブラウザが手元のハードウェア上で行います。このツールにサーバー側は存在しません。ページのContent-Security-Policyには接続してよいアドレスがすべて挙がっていますが、そのどれも当サイトのものではありません。言われるより確かめたい方は、回線を抜いてからGIFを作ってみてください。
どの動画形式を変換できますか？
MP4、M4V、MOVは中身が何であれ直接読みます。H.264、HEVC、AV1、VP9のいずれも、ブラウザがそのコーデックをデコードできる限り扱えます。それ以外でブラウザが再生できるもの、いちばん多いのはWebMですが、それらは再生位置を各瞬間へ送って読み取ります。こちらは遅く、どのフレームがどこに来るのかもわずかに不正確です。ブラウザが読むことも再生することもできないファイル、実際にはAVI、WMV、FLV、そして大半のMKVは、途中で失敗するのではなく、その旨のメッセージを出して断ります。
GIFがこんなに大きいのはなぜですか？
GIFが1987年の形式で、動きではなく画像を丸ごと保存するからです。5秒の映像から作ったGIFを、元の5秒のMP4と同じ大きさにする方法はありません。動画から作ったGIFは、その動画の10倍の大きさになるのがふつうです。実際に大きさを決める3つの設定は、効く順に、範囲の長さ、画像の幅、1秒あたりのフレーム数です。幅を半分にすればピクセルは4分の1になり、費用がかかるのはピクセルです。
なぜ256色しかないのですか？
それが形式そのものだからです。GIFは最大256色の表を1つ持ち、各ピクセルをその表への番号として保存します。このツールは、指定された範囲の全フレームの色を数え、256のまとまりに分けることでその256色を選びます。メディアンカットという標準的な手法です。ですからパレットは、固定の色の組ではなく、その映像に合ったものになります。足りない色があるところでは、ディザリングが最も近い2色を混ぜるので、グラデーションが縞にならずにグラデーションのまま残ります。
ディザリングの設定は何をするものですか？
わずかなノイズと引き換えに、大量の縞を消します。有効にすると、そのままでは4本の平坦な帯になってしまう空が、グラデーションのまま残ります。代償はかすかな質感と、大きくなるファイルです。無効にすると画像は平坦になり、ファイルは小さくなります。画面録画、線画、もともと平坦な色でできているものに向きます。ここで使っているのは誤差拡散ではなく組織的ディザなので、変化のない背景がフレーム間でちらつかず、完全に静止したままになります。
長さやサイズに制限はありますか？
開始前に、保持するフレーム、GIF出力、一時的なデコードバッファーを見積もり、一定の計画予算を超える場合は処理を拒否します。ブラウザーのデバイスメモリー情報によって予算を小さくすることがありますが、空きメモリーを測定するものでも、タブが予算内に収まる保証でもありません。幅、範囲、フレームレートを小さくすると出力処理が減りますが、元の動画には独自のデコードバッファーが必要です。
音声は残りますか？
GIFは音を運べません。音声を持つ版の形式は存在せず、ウェブがGIFを無音のループ動画でおおむね置き換えた主な理由がこれです。音が大事なら、動画のままにしてください。動画カットツールなら、フレームをエンコードし直さずに一部を切り出せます。
無料ですか。アカウントは必要ですか？
無料です。アカウントも、ログインも、試用期間も、透かしもありません。このサイトには広告があり、それが費用を賄っています。広告に動画の情報が渡されることはありません。