EdgeとIEでwebp画像が表示されていない問題
WEB
「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>
スライダーが止まったり、画像と画像の間にスキマが出来たり、スマホサイズにしたら消えたり、いろいろ不具合が多発したので、いったんやめておきます。