質問 > その他 > 【仕様確認】Webp画像が特定の端末ブラウザで表示できない |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
erukun |
投稿日時: 2021/2/22 14:45
対応状況: −−−
|
一人前 登録日: 2021/2/22 居住地: 国内 投稿: 118 |
【仕様確認】Webp画像が特定の端末ブラウザで表示できない [EC-CUBE] 4.0.5正式版(公式DL版)
[レンタルサーバ] GMO Conohawingサーバ [OS] Linux web0168.sh.tyo1 3.10.0-962.3.2.lve1.5.39.el7.x86_64 #1 SMP Thu Sep 17 06:10:33 EDT 2020 x86_64 [PHP] PHP 7.3.26 [データベース] MySQL 5.7.27-log [WEBサーバ] Apache + nginx (バージョン確認方法が分かりません) [ブラウザ] iOS Safari iOS13系 Ipadmini4 ブラウザは端末で利用できる全てのブラウザ Ipadで出たのでMacも影響あるかもしれませんが実機が無いので確認できておりません。 [導入プラグインの有無] 有り Amazon Payプラグイン(V2対応版) 1.1.0 AmazonPayV2 状態: 無効 お問い合わせ管理 for EC-CUBE4 1.0.5 ContactManagement4 状態: 有効 Coupon Plugin for EC-CUBE4 4.0.7 Coupon4 状態: 有効 Paidyプラグイン 1.0.5 Paidy4 状態: 無効 Securitychecker4 4.0.0 Securitychecker4 状態: 有効 U-KOMI 1.1.1 UKOMI4 状態: 有効 クロネコヤマト カード・後払い一体型決済サービス 1.2.1 YamatoPayment4 状態: 無効 ユーザー独自プラグイン PAY.JPプラグイン for EC-CUBE4 状態:有効 [カスタマイズの有無]] CSVの列追加や会員登録の項目削除・追加くらい。大規模なものはございません。 [現象] テスト環境のトップページのindex.twigを練習のために触っていたところ、Webp画像の振り分けが、できない端末があり、当方設定の.htaccessファイルなどの影響なのかECCUBE の仕様なのか原因を切り分けしたくて質問しました。 具体的にはIMGタグが警告を受けて、…feb/1.jpg.webpと置き換わり同ディレクトリのWebpに置き換えられてサポート外だからAltタグしか表示されません。Webpに置き換える仕組みはECCUBE4系で標準装備なのでしょうか? 何かしらご教示いただけますと幸いです。 トップのスライダーの所を修正しています。 <div class="item slick-slide"> <picture> <source media="(min-width: 1200px)" src="{{ asset('assets/img/top/2021/feb/1.jpg') }}" srcset="{{ asset('assets/img/top/2021/feb/1.jpg.webp') }} 1x, {{ asset('assets/img/top/2021/feb/1.jpg.webp') }} 2x" alt=""> <source media="(max-width: 1199px)" src="{{ asset('assets/img/top/2021/feb/1.jpg') }}" srcset="{{ asset('assets/img/top/2021/feb/1.jpg.webp') }} 1x, {{ asset('assets/img/top/2021/feb/1.jpg.webp') }} 2x" alt=""> <source media="(max-width: 450px)" src="{{ asset('assets/img/top/2021/feb/1_sp.jpg') }}" srcset="{{ asset('assets/img/top/2021/feb/1_sp.jpg.webp') }} 1x, {{ asset('assets/img/top/2021/feb/1_sp.jpg.webp') }} 2x" alt=""> <img src="{{ asset('assets/img/top/2021/feb/1.jpg') }}" srcset="{{ asset('assets/img/top/2021/feb/1_sp.jpg') }} 1x, {{ asset('assets/img/top/2021/feb/1.jpg') }} 2x" alt=""> </picture> </div> ------------------------------------------------------------------------------------------ |
h_tanaka |
投稿日時: 2022/12/16 18:04
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 愛媛県 投稿: 1610 |
Re: 【仕様確認】Webp画像が特定の端末ブラウザで表示できない Safari は WebP 未対応です。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |