• 文字サイズ


解決済

縮小画像がギザギザする(chorme)の対処法

  • 相談者:非公開
  • 2018/09/06 13:55
お世話になります。

当店トップページの
https://www.rakuten.ne.jp/gold/店舗/

「再入荷しました!」の一覧(4列×6行)の箇所ですが、
chormeでみるとギザギザしてしまいます。

大きい画像を縮小しているからなのですが、
その下の「にぎわいゾウさん」で作っている再入荷(4列×2行)のスライドの方は
ギザギザしていないので、こちらのようにキレイに表示したいです。

下記CSSを入れてみましたが、直りませんでした。
img {
-webkit-backface-visibility: hidden;
}

対処方法はありますでしょうか。
よろしくお願いいたします。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/09/06 20:03
ECマスターズの田中です。

「にぎわいゾウさん」製の再入荷スライドでは、
楽天の機能により、予め縮小した商品画像を表示しておりました。

この方法で………(省略)………
  • 返信者:非公開(質問者)
  • 2018/09/10 12:22
1つの画像で試してみましたが、縮小されませんでした。

▼テストページ
https://www.rakuten.ne.jp/gold/店舗/index_t………(省略)………
  • 返信者:非公開
  • 2018/09/10 17:42
ECマスターズの田中です。

index_test.htmlの大きくなっている画像のURLを確認したところ、
(前略)/sl0014.jpg?7703?f………(省略)………
  • 返信者:非公開(質問者)
  • 2018/09/10 18:38
再度ソースを確認してみましたが、7703? は入れていなくて、なんでだろうと思ったのですが、
画像のキャッシュをクリアするために、画像の最後にクエリ番号を不可………(省略)………
このフォーラムへの質問は終了しました