WebPとは？拡張子や変換方法・使うメリットを解説！

画像ファイルの拡張子というと、皆さんは何を思い浮かべますか？　JPG/JPEGやPNG、GIFなどが思い浮かぶ人が多いのではないかと思います。

そんなふうに皆さんが思い浮かぶほど主流だった画像ファイル形式のJPGやPNGですが、それよりさらに便利に使えるファイル拡張子にWebP(.webp）というものがあります。

WebPとは2010年に発表されたGoogle発の拡張子で、非可逆圧縮圧縮の画像ファイル形式です。Web上で表示する画像としてWebPは利用しやすいファイル形式ですが、知らない人も少なくないのではないでしょうか。

2010年に発表されたにもかかわらずWebPが浸透していないのは、これまで主要なブラウザが対応していない画像形式だったことが大きいです。それについては後述します。

ではWebPの拡張子とはどういうものなのかですが、これは「.webp」です。WebPという名前の通りの拡張子ですので非常に分かりやすいものになっています。

では、WebP(.webp)のメリットやデメリットはどのような部分にあるのか、それによってJPGやPNGなどに変えてWebP(.webp)を利用しようか考えるという人もいるかと思いますので、それぞれ確認していきましょう。

WebP(.webp)のメリットとはなにかから確認しましょう。WebPのメリットは、非可逆圧縮の画像ファイル形式であるにも関わらずアルファチャンネルを扱うことができるという部分にあります。

非可逆圧縮とはなにか、という部分で悩む人もいるかと思いますが、画像を圧縮（軽量化）した場合、元の状態には戻せないファイル形式を示します。その上、画像の編集や上書き保存のたびに画質が劣化していきます。

代表的な非可逆圧縮のファイル形式にはJPG/JPEGがありますが、WebPもこのJPGと同じ非可逆圧縮のファイル形式です。

では、アルファチャンネルとはなにかですが、アルファチャンネルを扱うことができると画像の透過などをおこなうことができるようになります。透過ができるファイル形式としてはPNGやGIFがありますが、WebPはそれも可能となっているのです。

つまるところ、WebPはJPGとPNGやGIFのメリットを併せ持ったファイル形式なのです。GoogleによればPNGと比較して26%、JPGより25～34%軽くなっているとされます。

軽量化もされているため、WebP画像をWebページで利用すればページを開く速度を上げることができるのです。

そんな便利なWebP(.webp）ですが、デメリットが存在していました。それがWebPに対応しているブラウザの少なさです。しかしこのデメリット、2021年4月現在はさほどなくなってきています。

Can I Useという、各種ブラウザがタグや画像などに対応しているかどうか確認できるサイトで確認したところ、2021年4月現在は主要ブラウザのほとんどがWebP（.webp)に対応していることが分かります（緑色が対応しているバージョンです）

SafariもmacOS 11 BigSur以降であればWebPに対応しているため、大きく問題はないでしょう。

WebP(.webp)にはその他の大きなデメリットは無いと言ってもいいようなものなので、JPGやPNGなどの代わりにWebPを使うことができる点は嬉しい部分かと思います。

ここまで文章で説明してきた為分かりづらいかと思いますので、WebPとJPG、PNG、GIFそれぞれの違いとはなにかを表でまとめました。

これまで、Webで表示したい画像を透過しようとした場合、PNG画像を利用する必要がありました。サイズが小さく主流のJPGでは透過画像を利用できないためです。

そのため、表示する画像をJPGとPNGで使い分けが必要となり、ファイル管理も少々大変な部分があったのですが、WebPであればそれ1つで賄うことができます。WebPはPNGよりも軽量化されているため、Webページの表示を妨げる確率も減ります。

また、アニメーションを付けた画像を表示しさせたい場合も、JPG画像などだとアニメーションに対応しているGIFへ変換する必要がありましたが、WebPはその必要がなく、アニメーションが必要なものもファイル形式を統一して管理ができます。

JPGからWebPへ変換/保存、PNGからWebPへ変換/保存などをしたい場合、変換ツールを利用する必要があります。変換ツールには色々ありますが、ここでは2つ紹介します。

なお、WebPへ変換した画像の透過をしたい場合は、WebP画像を画像編集ソフトで透過したい部分を消去するなどしてそのまま保存してみましょう。透過画像として保存することができます。

SyncerのWEBP変換ツールとは、特に難しい作業なくWebPへ変換したい場合に利用をおすすめする初心者向けのWebツールです。JPGやPNGからWebPに変換できる他、WebPからPNGへの変換をすることもできます。

変換したい画像を「変換前の画像」と表示されている「ファイルを選択」部分をクリック、もしくはここへドラッグアンドドロップで変換したい画像をアップロードします。