バージョン選択

フォーラム

メニュー

オンライン状況

50 人のユーザが現在オンラインです。 (41 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 50
もっと...

サイト内検索

質問 > その他 > 【仕様確認】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 未対応です。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,288名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.