web-dev-qa-db-ja.com

サファリブラウザーでwebpサポートを追加する方法

私のサイトでは、すべての画像をwebp形式で追加しています。これらの画像はすべて、chromeおよびsafariを除くFirefoxブラウザで正しく表示されています。

助けてください。

2
wohifov

Webp形式はSafariではサポートされていません。また、近い将来に予定されているかどうかは、今日のところ不明です。しかし、ブラウザにwebpとjpgのどちらを使用するかを選択させることができます。

<picture>
  <source srcset="
    /uploads/img_small.webp 1x,
    /uploads/img_big.webp 2x" type="image/webp">
  <source srcset="
    /uploads/img_small.jpg 1x, 
    /uploads/img_big.jpg 2x" type="image/jpeg">
   <img src="/uploads/img_small.jpg">
</picture>

ブラウザは、\サポートされている最高の画像のみをダウンロードする\ために十分スマートです。

6
GEkk