UltKit

GIFをWebPに変換

アニメーションGIFは、表示内容のわりにファイルが重くなりがちです。GIFをWebPに変換すると、すべてのフレームと表示タイミングはそのままに、最新の圧縮方式で保存されるため、同じアニメーションでも容量はたいていごく一部で済みます。

画像変換

またはJPG, JPEG, JPE … ファイルをここにドロップ ·

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

出力

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

このツールの使い方

  1. 1

    GIFをアップロード

    アニメーションGIFまたは静止画GIFを、1ファイルあたり95 MBまで、最大20個追加できます。

  2. 2

    非可逆か可逆かを選ぶ

    音質 80にすると、容量を最も減らせます。ピクセルアートや単色のアニメーションなど、劣化させたくない場合は、詳細設定の可逆にチェックを入れてください。

  3. 3

    変換して確認

    WebPに変換を押してファイルをダウンロードし、ブラウザで再生してアニメーションを確認します。

GIFをWebPに変換してアニメーションを軽量化

GIFは1987年に、モデム経由の静止グラフィックス用として設計され、アニメーションは後から加わりました。各フレームはLZW圧縮で保存され、色数は256色までで、前のフレームと似た内容を再利用する手段は、ピクセルを変更しないままにすることしかありません。3秒のリアクション動画でも、数MBになることがよくあります。

アニメーションWebPは、各フレームをWebPの静止画と同じ圧縮で保存します。方式はVP8動画コーデックに基づく非可逆か、可逆です。24ビットのフルカラーと8ビットのアルファチャンネルにも対応するため、GIFの特徴であるディザのグラデーションやギザギザの透明縁がなくなります。アニメーションが複数あるページでは、WebPへの切り替えは読み込み時間を短縮する手軽で効果の大きい方法の1つです。

64%アニメーションGIFを非可逆WebPに変換した場合の平均縮小率

GoogleのWebP比較より。可逆WebPは19%小さくなりました。

アニメーションWebPを再生できるブラウザ

  1. 2014

    Chrome 32

    Chromeがアニメーä WebPの再生に対応。主要ブラウザでは最初です。

  2. 2018

    Edge 18

    旧EdgeがWebPに対応。その後のChromiumベースのEdgeはChromeの対応を引き継ぎました。

  3. 2019

    Firefox 65

    Firefoxがすべてのデスクトップ環境で、アニメーションを含むWebPに対応しました。

  4. 2020

    Safari 14

    iOS 14とmacOS Big SurのSafariがWebPに対応し、主要ブラウザすべてで利用可能になりました。

GIF

Graphics Interchange Format

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

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

WEBP

WebP 画像

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

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

GIFからWebPへの変換は、Webサイトやステッカーパックのアニメーションをアニメーションのまま軽くするためです。WebPからGIFへ戻すのは、アニメーションWebPを再生できないアプリやフォーラムに対応する場合だけです。

GIFのまま残しておくべき場面

主な例外はメールです。多くのメールクライアントはWebPをブロックするか、壊れた画像として表示しますが、GIFのアニメーションはほとんどで動作します。そのため、ニュースレターのアニメーションはGIFのままにしてください。一部の掲示板、チャットアプリ、古いCMSのメディアライブラリも、GIFのアップロードは受け付けても .webp は拒否します。

自分のサイトに公開する場合は、WebPを使い、GIFは元ファイルとしてだけ保管してください。後からWebPを受け付けない場所でアニメーションが必要になったら、WebPをGIFに変換で戻せます。ただし、256色の制限が再び適用されます。

GIFからWebPへの変換に関するよくある質問

WebPに変換してもGIFのアニメーションは残りますか?

はい。WebPはアニメーションに標準で対応しているため、すべてのフレームと表示時間が引き継がれ、GIFと同じように再生されます。出力はフレームを入れたフォルダではなく、1つの .webp ファイルです。

アニメーションWebPはGIFよりどれくらい軽くなりますか?

Googleが多数のアニメーションGIFで行った比較では、非可逆WebPは64%、可逆WebPは19%小さくなりました。結果は内容によって変わり、実写の動画クリップは最も小さくなり、小さなピクセルアートのループはあまり小さくなりません。

GIFからWhatsAppのステッカーを作れますか?

WhatsAppのアニメーションステッカーは、512 × 512 pxで500 KB未満のアニメーションWebPファイルです。詳細設定でGIFの幅を512 pxにサイズ変更して変換し、それでも上限を超える場合は音質を下げてください。その後、ステッカー作成アプリでパックにまとめます。

Telegramのアニメーションステッカーは WebPファイルですか?

いいえ。Telegramの静止ステッカーにはWebPまたはPNGが使われますが、アニメーションステッカーはベクターアニメーションによるTGSファイル、動画ステッカーはWEBMです。GIFから作ったWebPは、静止ステッカーとしてのみ使えます。

WebPでもGIFの透明な背景は保たれますか?

はい。しかも改善されます。GIFの透明は完全に透明な1色だけなので、曲線の縁がギザギザになります。WebPには完全なアルファチャンネルがあり、透明部分は透明のまま保たれ、周囲に新たな色が加わることもありません。

GIFは動画に変換したほうがよいですか?

数秒を超えるクリップなら、多くの場合そのとおりです。MP4はさらに小さく、操作バーも使えます。その場合はGIFをMP4に変換をご利用ください。WebPは、<img>タグやステッカーの中で無音で自動再生させたい短いループ用に使い分けてください。