そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends

WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ

[rgfx]

webpとかコンテンツ制作側が意識するもんじゃなく、CDN側で勝手に変換して配信する用のフォーマットだよね、という認識でいた（

[kamezo]

WebPやWebm、個人的には「ブラウザで表示する分には問題ないけど、ほかがなぁ」という印象。

[queeuq]

画像に関してはもはやPNGとJPEGで大きな不満を感じていないというのがな、高画質画像を大量に配信するサービスだったら死活問題だけど、、、動画と比べると地味。

[htmikan]

ずっと"ウェブピー"って呼んでいた。あれ"ウェッピー"なんだ（そこじゃない）

[hemon]

WordPressで運営している人はプラグイン[WebP Converter for Media]を使えば、勝手に変換して表示くれるし、非対応ブラウザには元画像[jpgやpng]で表示するので楽ですよ。

[sea_side]

もっと早く普及してほしかった。もう次世代JPEGのJPEG-XLがすぐそこまで来てる。

[lifeisadog]

Squooshでwebp変換すると最高画質に設定してもなんだか色が変わるところがある（そしてサイズはあまり変わらない）

[tamanecoplus]

最近のMacSafari、第2のIEになりつつある

[yarumato]

JPEGでもMozilla製エンコーダで変換したMozJPEGならWebPとそう変わらないサイズになるという記事を見たぞ。WebP製作元のGoogle製の変換アプリsquoosh-cliでも、デフォルトはwebpじゃなくてmozjpegだし。

[endok]

WebPの読み方がわかっただけで読む価値があった。

[respectbookmark]

このての話は年中しているが、とはいえJPEG-XLが先な気がする。ISOはやはりでかい。

[otchy210]

こんだけ対応が進んで、IE 対応不要ならもうデフォルトに採用しても良いくらいなのに、いまだに「次世代画像フォーマット」と言われてしまう WebP くんが不憫。

[miruto]

少し前はiOSが対応してなかったから断念したけど、対応しはじめているなら今後使うかもしれない。

[nelpesica]

[][]

[turu_crane]

普及してんの？

[surume000]

拡張子によってマークアップ方法変わるのやだな

[naggg]

ウェッピー！

[kijtra]

顧客とかに「ウェッピー」ていうと、たいてい「え？」ていわれるのなんとかしてGoogleえもん

[harumomo2006]

ダウンロードした後でPNGとかに変換する手間がかかるのでやめてほしい。やるなら通信するときだけ内部で圧縮してほしい

[akiraki]

最近はもう数%の違いを切り詰めるほどストレージも回線も逼迫してないしね。

[AzuLitchi]

webpはアルファチャンネル付フルカラーで圧縮率上げまくりたいときは便利。アニメーションもGIFよりは綺麗に色出るかなって感じする。早く未対応ブラウザが滅びてくれないかなと思う。IEとか。

[akiat]

zoomの背景画像探してた時に気づいたファイルで、コピープロテクトなのかと思ってた

[ponpon_qonqon]

WebP 、CMYKに対応してないから･･･ワークフローが統一できないのでJPEGの置き換えには使えない。

[kingpin3000]

jpg→WebPを説明する画像がjpg

[tanakara_botamochi]

アニメーションwebpが使えるものよいが、クロマ・サブサンブリングが420なので色味は気になる

[for-my-internet-demo]

検証班の方で色味が変わって以降結局採用してない...

[mohno]

仕事かつ転送量を気にすべきサイトならそうすべきなんだろうけどな。音楽は最近ではmp3を使ってるんだよな。あと.NETのImageFormatにもないみたいだし。

[anonruru]

静止画はみんな積極的に変えるけど、GIFのしぶとさは異常。

[ogrenavi]

WebPもまれに使うけれどロスレスのPNG圧縮やJPEG圧縮の方がファイルサイズが小さくなる事もあって一概には使えないし、何よりフォトショのアセットにWebPがないのでまだまだ不便なんですよね。

[hirata_yasuyuki]

「ウェッピー」と発音することもあるけど決まっていないって感じなのかな? https://ja.wikipedia.org/wiki/WebP / id:UhoNiceGuy JPEGでも昔からロスレス圧縮あるよ。

[UhoNiceGuy]

PNGやJPEGの良さってロスレスか否かがsuffix見れば一発でわかることだけど、そんな原始的な手法使わずプロパティで見ろってことかな？画像ファイルで一番重要な情報だと思うけど…

[blueboy]

面積が大サイズのときには、高圧縮にして JPEG の 1/3 の KB にしても、画質があまり悪化しないのが WebP の美点だ。面積が大サイズの背景画像に使うには最適だ。私も多用している。文中に差し込む画像は JPEG でも足りる。

[tribird]

Appleのも含め選択肢があるのはいい。あらゆるOS、あらゆるブラウザが対応してくれ

[overkitten]

WebPはもう今さら感あるなぁ。ブラウザ対応状況はかなり良くなったけど。次世代だとHEIF、AVIF、JPEG XLあたりか。JPEG XL早く来てくれー。

[yuuki_ichinose]

個人的にピクセルデータはHEIFになって欲しいかな。iPhoneの標準になったのは大きい。WebPのほうがブラウザ上では有利かもだけど。

[spark7]

変なタグ書いて人力でやるもんじゃねえな。