前回360度天球画像をブログに貼る手段をPannellumに変えたことを書きました。
そしたらちょっと欲が出てきまして。
JPEGじゃなくて、もし閲覧者のブラウザが対応していればより軽量なAVIFやWebPでパノラマ画像を表示させたい!と。
普通は難しい話じゃないですよね?
.htaccessでACCEPTヘッダーがimage/avifに対応していて、かつ当該ファイルが存在するなら.avif画像を表示させるという。WebPも同様。
imgタグの場合は問題なく切り替えてくれます。
ところが、クエリ文字列で拡張子付きのファイル名を指定しなければならないPannellumの場合、.htaccessで画像を自動切り替えすることが出来ません。
続きを読む