バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > 【仕様確認】Webp画像が特定の端末ブラウザで表示できない

その他

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
erukun
投稿日時: 2021/2/22 14:45
対応状況: −−−
新米
登録日: 2021/2/22
居住地:
投稿: 5
【仕様確認】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>

------------------------------------------------------------------------------------------
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
 » 【仕様確認】Webp画像が特定の端末ブラウザで表示できない erukun 2021/2/22 14:45

 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は71,094名です
総投稿数は101,017件です

投稿数ランキング

1
seasoft
7333
2
468
2957
3
AMUAMU
2712
4
nanasess
2139
5
umebius
1973
6
yuh
1612
7
red
1443
8
h_tanaka
1079
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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