WebP（ウェッピー）

HTML

・問題となるのは、 IE がタグに対応していないことであるが対策しない。

<!-- Picturefill.jsというポリフィルを使う -->
<script src=”https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.2/picturefill.js”></script>


・サンプルのHTML

<picture>

 <source srcset=”../test.webp” type=”image/webp”>

  <img src=”../test. jpg “>

</picture>


引用元：WebP（ウェッピー）とは？ JPG、PNGとの違いや変換方法 | 名古屋のWebマーケティング支援なら合同会社イーポート



関連：
・Can I use...