WebPをGIFに変換
WebPで保存したスタンプやリアクション、ループ動画は、GIFしか知らない場所では再生されません。全フレームとそのタイミングを保ったままGIFに変換します。何も保存されません。
- 保存しません
- 順番待ちなし
- 登録不要・透かしなし
使い方
WebPファイルを追加
アニメーションでも静止画でも、1つでもまとめてでも。チャットから保存したスタンプ、サイトからダウンロードしたループ、デザインツールからの書き出しなど。
変換
各フレームをそれぞれのタイミングとともに読み込み、画像から作ったパレットでGIFに書き込みます。256色、またはファイルを小さくしたいならそれ以下にできます。
ダウンロード
1つずつ、またはZIPで保存します。何フレームが引き継がれたかは各行に表示されます。
それでもGIFが求められる理由
アニメーションWebPは、技術的にはあらゆる点でGIFより優れています。24ビットカラー、本物のアルファ、フレームごとの動画コーデック、数分の1のファイルサイズ。それでも、そのすべてを上回る弱点が1つあります。GIFを再生できる場所が、すべてWebPを再生できるわけではないのです。古い掲示板ソフト、メールソフト、一部のSNSのアップロードフォーム、特定のモードのSlackやTeams、スライド資料、そして数多くのWindowsアプリは、WebPのアニメーションを静止画として表示するか、まったく表示しません。GIFは30年前からどこでも再生できます。
WebPの各フレームは、ビューアーでの表示どおりにデコード・合成されます。WebPのフレームは部分的だったり、ブレンドや破棄を伴ったりしますが、GIFには画像全体が必要だからです。そのうえでパレットに量子化し、同じ表示時間で書き込みます。量子化ではフレーム自身のヒストグラムから256色を作ってディザリングするため、イラストやスタンプはたいてい見分けがつかず、写真には細かい粒子感が出ます。20ミリ秒未満の表示時間は100ミリ秒に引き上げます。ブラウザはどのみちGIFをそう扱いますし、そうしないと再生が速すぎてしまうからです。
透過は、GIFが持つ唯一の形で残ります。ピクセルは表示されるか、されないかのどちらかです。柔らかい影やぼかした輪郭は半分の濃さで切られるため、光彩付きのスタンプはくっきりした輪郭になります。GIFの中ではどうにもできません。それがこの形式なのです。
ほかの目的には
ffmpegなら、2パスのパレットでディザリングを細かく制御しながら同じことができます：ffmpeg -i in.webp -vf "split[a][b];[a]palettegen[p];[b][p]paletteuse" out.gif。スタンプのフォルダーならループ1つ。ここではドロップ1回で、その規模なら同じことです。
変換先がWebPを再生できるなら（現行のブラウザやスマホはすべて対応しています）、WebPのままにしてください。小さく、くっきりしていて、本物の透過も持っています。GIFはあくまで互換性のためのコピーです。
よくある質問
アニメーションは保たれますか？
はい。すべてのフレームをデコードし、それぞれの表示時間を付けてGIFに書き込みます。ループはGIFらしく無限に繰り返されます。各ファイルの下の行に、引き継いだフレーム数が表示されます。
GIFがWebPよりずっと大きくなるのはなぜですか？
GIFが1989年の形式だからです。各フレームを最大256色で保存し、LZWで圧縮します。一方、WebPは動画コーデックを使っています。5〜10倍の大きさになるのは普通です。シンプルな画像なら、128色や64色を選ぶと小さくなります。
色が少しおかしく見えるのはなぜですか？
GIFの1フレームに使えるのは256色なので、写真のようなWebPはパレットに減色されます。パレットは画像そのものから作り、ディザリングをかけるため、たいていのものではほとんど目立ちません。目立つのは、なめらかなグラデーションや肌の色です。
WebPが静止画の場合はどうなりますか？
1フレームのGIFになり、行にもそう表示されます。最新の形式で静止画が欲しいなら、WebP PNG変換かWebP JPG変換のほうが適しています。
ファイルはどこかに保存されますか？
いいえ。どの段階でも何も保存されません。
逆に、GIFをWebPに変換できますか？
このサイトではまだできません。GIF PNG変換は最初のフレームを静止画として取り出します。GIFからアニメーションWebPを作るなら、Googleの無料コマンドラインツールgif2webpで1行で済みます。
ご注意： GIFは1フレームあたり256色で、半透明を持てないため、なめらかなグラデーションには少し縞が出て、柔らかい輪郭は硬くなります。アニメーションWebPのフレームを読み込むには最新のChrome、Edge、Operaが必要です。それ以外では最初のフレームが静止画として書き出され、行にそう表示されます。
このツールをあなたのサイトに設置
ブログ、授業のページ、ヘルプ記事などに無料で設置できます。コードを1つ貼り付けるだけで、訪問者がそのページ上でツールを使えるようになります。