サイト運営者からは重宝される『WebP(ウェッピー)』ですが、閲覧する人からは邪険(じゃけん)に思われているなど、双方の認識に乖離(かいり)がある画像フォーマットです。
なぜ嫌われてしまうのか、重宝されている事情や理由を述べていきます。
同じような性質を持つ『JPEG 2000』や『JPEG XR』については、前者はSafariのみ、後者もEdgeやIEしか対応していない規格で需要が低いため、この記事では扱いません。
当記事は2020年現在の現状・認識で記載されています。将来的にこの認識が変わる可能性があることはご了承ください。
個人の見解です
ほかの意見もご参照ください
WebPとはなにか?
うぇっぴーって響きが
くせになる
『WebP』は2010年にGoogleが開発した、GIF・JPG・PNGなどに代わる新時代の画像規格です。
WebP|Wikipedia
WebPは「データが従来の拡張子と比べ、最大で半分になるぐらいに軽く、画像劣化も少ない」ところに大きなメリットがあります。
同じくGoogleが開発した『WebM(ウェブエム)』という動画規格については、こちらも記事の趣旨からずれるので割愛(かつあい)します。
AVIFとWebPの違い
2019年ごろには『AVIF(エーブイアイエフ)』が登場し、WebPとの違いを言ってしまえば「AVIFはWebPの上位互換」です。
WebPと比較してまだ非対応な環境が多いものの、JPEG 2000やJPEG XRと異なり、大手IT会社(Google・Microsoft・Intel・Amazon・Netflix)などが共同開発したフォーマットです。
ゆえに、将来的にはWebPとAVIFのふたつが求められていくと思います。
今度は「AVIFがうざい」とか言われそうではある。
WebPがうざい・嫌われる理由
嫌われるのは
相応の理由がある
しかしネット・SNS上ではWebPに否定的な内容が2010年代後半から言われるようになり、
WebPはうざいし迷惑だからやめてほしい。
といったネガティブな内容が並ぶようになってしまいました。
WebPが嫌われる一番の原因は、「現状だと通常画像アプリケーションで開けない」ことでしょう。
PCやスマホにダウンロードしても標準アプリケーションではWebPの中身を見ることはできず、Chromeブラウザや専用アプリケーション、拡張機能が必要になってしまいます。
「Googleが作った」なだけあってWebP未対応なブラウザ環境もあり、iPhoneなどのiOS SafariのWebPは、2020年になってからようやく実装されたほど(WebPの登場は2010年)。
WebPを従来の画像拡張子に変換するアプリケーションやオンラインサービスはあっても、手間がかかってめんどくさいものです。
確かに自分も絵を描く資料集めで画像がWebPだと、「WebPかよ……変換しなきゃ」ってなる。
その落胆ぶりをMacユーザーにわかりやすく言うならば、「ダウンロードしたらMacでは基本的に開けないexeファイルだった」に近いかと。
Safari 14、新たに 「WebP」 形式の画像をサポートへ JPEGと比べ画像サイズが約30%少ない画像形式|CORRIENTE.TOP
それでもWebPが使われる理由
サイト制作では
ありがたい存在
それなのにも関わらずWebPが使われるのは重ねるように、「容量が軽くて劣化も少ない」からです。
サイト制作・運営では常識の話で、
- サイトの容量は軽くし、極力1〜2.5秒以内に表示されなければならない。
- なぜならSEO(検索最適化)が低下するし、5秒以上かかると離脱率も上がる。
- しかし画像は重いデータの宝庫。画像が多ければ遅くなってしまう。
- GIFは画素数が足りず、JPGは軽くすると劣化、PNGは重たすぎる。
- 軽くて劣化も少ない画像となると、WebPを使うしかない。
ゆえに今のサイト制作では、WebPを適用するのはほとんど当然であり、WebPが非対応のブラウザのみ、JPGやPNGなどに代替表示する記述が主流とされています。
この最適化作業を業界の専門用語で、『コアウェブバイタル』といいます。
細かく言うとLCPに分類されるけど、コアウェブバイタルの記事ではないのでご割愛。
SVG(ベクター画像)やサイト圧縮、レイジーロード(遅延読み込み)もしているものの、根本的対策はWebPを使用して、画像を軽くすることです。
GoogleもWebP適用を推奨
Googleが提供する『PageSpeed Insights』という表示速度計測サイトでも、WebP適用は推奨されていて、していないと「次世代のフォーマットを適用してください」と改善注意をされます。
PageSpeed Insights|Google
ものすごく砕けた言いかたをすると、
まだJPGとかPNGみたいな時代遅れのヤツ使ってるの? 今の時代はWebPなのにだっさーい! プークスクス!
という感じです。
語弊はあるだろうけど、だいたいそんな感じ。
繰り返すように、WebPはJPGやPNGと同じ画質・大きさでも、最大で半分の容量に抑えられて劣化も少ないですからね。
最後に:気持ちはわかるけど切実な事情もある
お互いのすれ違いが
切ない…
以上、WebPにおける現状と事情を解説しました。
- 【運営・制作者側】「WebPは容量が軽いし劣化も少ない! 便利!」
- 【閲覧者側】「保存したらWebPじゃねぇか……開くのめんどいしやめてほしい」
2020年の段階では、この双方の溝が深いんですね。
WebPはGoogleが推(お)しているだけに、将来的に使用が当たり前になります。従来の拡張子のように簡単に開ける仕組みになれば、WebPを冷ややかに見られるのもなくなるでしょう。
当サイトもWebPですけれど、作品投稿・支援サイトでは従来どおりJPGで公開しています。気になる絵がある場合はそちらも覗いてみてください。
当サイトはみなさまの寄付・ご支援により、広告なしの実現やサイト運営・維持をおこなっています。
記事や作品が気に入りましたら、寄付や支援サイトのご支援をよろしくお願いいたします。
寄付に登録・ログインは不要です。文章を書かなくてもスタンプだけの寄付もできます。
記事の原寸大作品、サンプル黒塗り無しは支援サイトで閲覧できます。
FANBOXは表現規制・規約変更により作品が非公開になる場合があります。
プロフィール
赤竹ただきちTadakichi Akatake
仕事で「YMYL(医療・健康・お金)記事をほぼ生成AI任せに書く」という、「これありえないだろ……」という他社事案に遭遇し驚きを隠せない。
というのもGoogleは2016年にWelq事件があったから、YMYL記事は独自性・信ぴょう性を厳しくチェックするようになっているんだよね。
それにYMYL記事を生成AI任せに書くとペナルティになる可能性も発表していて、こういった記事では生成AIを使うのはいいにしても、検証・監修で補完することが必須。
これを理解せず「SEOを上げるお手伝いをします!」という業者がやるんだから、いくらなんでもリテラシーが低すぎる。それで検索ペナルティを受けたら損害賠償モノなんだけどなぁ。
イラストレーター・マークアップエンジニア(コーダー)・Webデザイナー・ライターのウサギ好き。多様な絵柄を描け、外国人でも絵でわかるマンガ、ウサギと口内描写にこだわりを持つ。
コーディングとWebデザインは両方可能。納期が短いなどいった案件では、「デザインとコーディングのアドリブ同時進行」という荒業もおこない、SEO施策を意識したマークアップも得意。
フリーランスとの進行ディレクション・指示や、面接担当の経験が幾度もあり、プロ・趣味問わず、絵描きを含めたクリエイティブの姿勢には少々シビア。
「自省・リテラシー・正しい批判の認知・意識向上」をライフワークとし、当サイト記事も「気づき・理解・学ぶ」を全体テーマとして執筆。
当サイトの記事は中学生でも理解できるように計算しながら執筆しており、ネット・SNS上で「わかりやすく参考になる」とご好評の声多数。
「言い訳せずに下手でも自分の弱さを認め、背かず自省して学ぶ意識を忘れない(=謙虚な)人」は、年齢・性別問わず好きなタイプ。
最新記事
2024.12.11
【サンプル】ぶっこみおしおき【オリジナル】
2024.11.25
【設定画】シーラ【オリジナルキャラクター】
2024.11.10
【設定画】平間さん【オリジナルキャラクター】
2024.10.28
【元ネタ解説】ソニック×シャドウジェネレーションズの評価とポリコレ疑惑など【ソニックシャドウG / Steam】
2024.10.20
【サンプル】デ・ロイテルのおくちお触り【艦隊これくしょん】
2024.10.12
【シャドウ】アニメ『闇の序章』の全話ストーリー・元ネタ解説【ソニック×シャドウジェネレーションズ】
2024.10.09
【限定記事サンプル】デ・ロイテルのおくちお触りメイキング【艦隊これくしょん】
2024.09.30
【イラスト】ダブルうさけつ【オリジナル】
人気記事
2023.07.09
【ポリコレ】ブラックウォッシュ問題=差別と決めつけるのはよくないという話【考察】
2012.02.27
【考察】SNSはしなくてもいい理由と、リテラシーが低い人の特徴・リスク【情報弱者】
2023.10.03
【徹底解説】追加DLC『超・完全決戦』のクリア感想と攻略について【ソニックフロンティア】
2022.09.01
【絵描き向け】無断転載禁止・自作発言NGは効果がない理由と、明確な対処法【解説】
2022.04.10
【解説】ネット広告が不快で気持ち悪い原因と、広告除去禁止サイトについて【問題】
2019.10.12
【徹底解説】なぜ日本人のレビューはひどい、低俗・民度が低いと言われるのか【コメント問題】
2021.12.26
【解説】絵描きは性格が悪い変人・変わり者や子供っぽい人が多い理由【クリエイター】
2023.06.20
【イラスト】ナッコーズとKnuckles Ratesの元ネタ解説 【ソニころ】
ピックアップ
2012.03.26
【感想】バターズは多芸なのにおバカさん【サウスパーク第16シーズン2話】
2017.02.23
【雑記】ソニックトゥーン ファイアー&アイスの早期購入キャンペーンに応募したら…【懸賞】
2022.06.25
【イラスト】くすぐりバスローブ【オリジナル】
2019.01.27
【絵描き向け】あると作業効率が上がるツール・アプリまとめ【作業環境】
2019.07.16
【イラスト】ワンワンじゃないよ! キツネだよ!【アズールレーン】
2015.08.11
【海外旅行】ただきちのおフランス研修紀行(前編)
2015.10.25
【疑問】アーティスト気取りのデザイナーと、すぐパクリと呼ぶ風潮について【問題】
2024.08.14
【設定画】ふれちゃん【オリジナルキャラクター】