WebP（ウェッピー）で画像を軽量化！非対応ブラウザでも切り替える方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

どうもですよ、はやちですよ(´ʘ‿ʘ )✌ 今回はGoogleが作った新しい画像フォーマットWebPの導入方法、そしてWebPが使えない他ブラウザへの対応方法をご紹介いたします。 WebPとは？ WebP（ウェッピー）は、米Googleが開発しているオープンな静止画フォーマット。ファイルの拡張子は「.webp」。 ウェブサイトのトラフィック量軽減と表示速度短縮を目的としており、インターネットのWebページで広く使われている非可逆圧縮のJPEGや可逆圧縮のGIF、PNGの置き換えを意図する規格である。JPEGとは異なり、非可逆圧縮でもアルファチャンネルを扱える。 参考:WebP – Wikipedia さっそく使ってみた img要素に.webpを設定するだけ！ <img src="http://hayachi.github.io/images/hayachi.webp" alt="はやちwe