メインコンテンツへスキップ

GIF を WebP に変換

GIF 画像をブラウザ内で WebP に変換。アップロード不要・無料・安全。

GIF の 1 コマをウェブに置く最も安い方法

GIF の読み込み
ネイティブ対応 —— 追加ライブラリは不要
アニメーション
最初の 1 コマだけが変換される
GIF の書き出し
ブラウザの canvas では不可

WebP は 3 つの変換先のうち、元の GIF より小さくなり得る唯一の形式です。ただし、いつもではありません。平面 UI キャプチャは 10.2 KB から 7.3 KB(−29%)まで下がりましたが、透明ロゴは逆に増えて 4.3 KB → 5.4 KB(+27%)でした。同じ 2 ファイルでの他の選択肢は、PNG が +125% と +507%、JPG が +327% と +304% です。ですから GIF を離れるなら WebP が正しい変換先で、透明も保たれ、JPG のようなノイズも出ません。ただし小さな GIF がさらに小さくなると決めつけないでください。3 つとも共通してできないのは、アニメーションを動かし続けることです。

自分たちで計測した実際のファイルサイズ

設定: ページの初期設定

テスト項目変換前変換後増減
UI スクリーンショット10.2 KB7.3 KB−29%
透明背景のロゴ4.3 KB5.4 KB+27%
この数字からわかること

元の GIF を下回れる唯一の変換先ですが、2 つのうち 1 つだけです。平面 UI キャプチャは 7.3 KB(−29%)まで下がり、透明ロゴは逆に 5.4 KB(+27%)へ増えました。同じファイルでの PNG(+125%、+507%)と JPG(+327%、+304%)に比べれば、WebP が GIF からの正しい出口であることは明らかです。ただし、もともと小さい GIF がさらに小さくなるとは期待しないでください。4.3 KB の水準では、現代的なコーデックが取り戻せる余地はほとんど残っていません。

2026-07-28 に Chromium 151.0.7922.34 で、このページ自体に同じファイルを通して計測した結果です。どのページでも公開している同一のテストファイルを使っているため、コンバーター間で数値を比較できます。計測方法とテスト画像のダウンロード →

GIF → WebP 変換とは?

このツールは GIF 画像を WebP 形式に、アップロードせずブラウザ内だけで変換します。GIF は 256 色までの古いフォーマットで、簡単なアニメーションによく使われます。変換では最初のフレームのみを使用し、静止画として出力します。 WebP は Google による最新の Web フォーマットで、透過と高い圧縮率の両方に対応し、通常 JPG や PNG より 25〜35% 小さくなります。サイト高速化に最適ですが、一部の古いソフトでは非対応の場合があります。

使い方

  1. GIF 画像を選ぶかドロップします。
  2. 端末内で即座に WebP へ変換されます。
  3. 「ダウンロード」を押して WebP ファイルを保存します。

GIF を WebP に変換すべきとき

GIF は 256 色までで、古いクリップアートやアニメの 1 フレームとして残っていることがよくあります。

サイトの表示を速くしたいときは GIF を WebP に変換するのが理想的です。WebP は通常 GIF より 25〜35% 小さく、画質と透過の両方を保てます。Web 画像に最適ですが、WebP 非対応の古いソフト向けには JPG や PNG を使ってください。

GIF と WebP の違い

項目GIFWebP
圧縮可逆非可逆
透過対応対応
最適な用途簡単なアニメ・低色数の画像高速表示したい Web 画像

古い GIF アイコンを WebP に刷新

昔からのサイトには、小さな GIF のアイコンやボタン、ロゴ がそのまま残っていることがよくあります。これらを静止画の WebP に変えると、ファイルがぐっと軽くなって表示も速くなり、透過もそのまま残るので、いまのウェブ素材としてちょうどよく収まります。

  • このツールが書き出すのは 静止画 です。動く GIF を入れても 最初のコマ だけになります。
  • アニメーションを残したいなら変換せず、元の GIF のままにするか、アニメーション WebP や動画に対応した専用ツールを使ってください。

3 つの GIF 出口のうち、実際に小さくなり得る 1 つ

同じ UI スクリーンショットを 3 つの変換ツールに渡すと結果は大きく分かれます。PNG は +125%、JPG は +327%、WebP は -29%(10.2 KB → 7.3 KB)—— 本当に下がるのは WebP の行だけです。ただし一般則にはしないでください。同じツールで透過付きロゴを処理すると 4.3 KB → 5.4 KB(+27%)で、また増えます。その GIF はもともと 4.3 KB しかなく、すでに強く圧縮されており、WebP のヘッダーとエントロピー符号化はこれほど小さなファイルでは自分の分を薄められません。非常に重要な制限:アニメーションは渡ってきません。復号は createImageBitmap を通り、返るのは最初の 1 コマだけなので、動く GIF は静止画で出てきます。これは設定の問題ではなく、この経路そのものの境界です。動きを保つには ffmpeg か gif2webp を使ってください。利点は WebP に本物のアルファチャンネルがあることで、柔らかい縁の透過が GIF の 1 ビットの硬い縁に崩れずに残ります。

よくある質問

WebP は必ず GIF より小さくなりますか?

いいえ。ここは自分たちの計測に自分たちが捕まった箇所です。平面的な UI キャプチャは 10.2 KB から 7.3 KB へ 29% 減りましたが、透明ロゴは 4.3 KB から 5.4 KB へ 27% 増えました。4 KB のパレット画像に対して、現代的なコーデックが取り戻せる余地はほとんどありません。ただし同じファイルを PNG や JPG にした結果と比べれば、WebP が GIF からの正しい出口であることは明らかです。

画像はアップロードされますか?

いいえ。変換は Canvas API によりすべてブラウザ内で行われます。画像がサーバーに送信・保存されることはないため、プライベートな写真でも安心です。

GIF を WebP に変換すると画質は落ちますか?

WebP は非可逆フォーマットのため、品質設定に応じて圧縮され、わずかに劣化する場合があります。実際にはほとんど分からないことが多く、ファイルは大幅に小さくなります。

透過は保持されますか?

はい。WebP は透過に対応しているため、元画像の透明な背景はそのまま保持されます。

一度に多くの画像を変換できますか?

1 枚ずつ変換できます。すべて端末内で処理されるため、速度は端末性能に依存します。大量の場合は PC のブラウザが快適です。

関連記事

WebP とは?使うべき? →

このツールを埋め込む

このツールをあなたのサイトやブログに無料で設置できます。下のコードをコピーして貼り付けるだけです(当サイトへのリンクを含みます)。