よもやまチョモランマ

EdgeとIEでwebp画像が表示されていない問題

「PageSpeed Insights」対策として、画像をすべて「webp」にしてみたサイトで、「Edge」と「IE」では表示されていないことが判明。
あー、まだ非対応のブラウザがあんのかー

「Edge」はバージョン8からwebpに対応しているはず。
8はWin10更新(Windows 10 October 2018 Update)に含まれていたはず。
自分のバージョンを調べてみると、7のままでした。
【参考】Windows 10のバージョンやビルド番号を確認する方法

8にするには、Win10更新が段階的に実施されるのを待つか(リリースから5ケ月経ってますけど)手動でダウンロード&アップデートするか。
でもさぁ、普通の人はDL&UDなんてしないんだから、7のまま使ってる人には「画像が出ないよこのサイトw」とか言われちゃうんでしょう?
そんなのしゃくだわ・・・

「IE」は対応予定すらないみたいです。
もう、斬り捨て御免でいいよね。
ほかの対策も外してるし。

問題なのは「safari」も非対応だということ。
iPhoneで表示されないのは最悪です。

というわけで、とりあえず画像をすべて「png」や「jpg」に戻すことにしました。

「webp」と併記する方法も試しましたが、
【参考】次世代画像フォーマットWebP(ウェッピー)のサポート状況、作り方、使用方法まとめ

<picture>
<source type="image/webp" src="image.webp">
<img src="image.jpg">
</picture>

スライダーが止まったり、画像と画像の間にスキマが出来たり、スマホサイズにしたら消えたり、いろいろ不具合が多発したので、いったんやめておきます。