Safariで画像が表示されない場合に見るべきところ

auです。

PCで画像が表示されるのに、スマホでは表示されない問題を抱えていましたが、やっと原因が分かりました。

原因

原因は、SafariがWebP形式に対応していないことが原因でした。

画像は「jpeg, png」が多いと思いますが、最近Googleが「WebP」という形式を開発したそうです。軽くて綺麗な画像があり、アルファチャンネルを使うことができるということで、注目を集めているようです。

しかし、この「WebP」は、対応ブラウザが少ないのが欠点です。iPhoneではSafariが主流だと思うのですが、残念ながら未対応です。調べてみると、Safari Version 14で対応予定のようですね。秋のWWDCに注目してみよう。

www.suzukikenichi.com

ちなみに、iPhoneのChromeもSafariベースのようなので画像は表示されません。ややこしいですね。

解決法

拡張子がSafariに対応しているものを使えば表示されます。

単純だけど意外とハマるポイントかもしれないですね。