スマホ版サイトでも商品画像を綺麗に見せる方法スマホで最適な画像サイズを表示したいスマホレイアウトこんにちは、MakeShopのあらいです。いつもMakeShopをご利用いただきありがとうございます。]スマホショップでも最適に見える画像サイズとその表示方法とは!解決方法(1)大きい画像をつかう!スマホでは何ピクセルで画像を作ったらいいかの明確な規定はありません。高さ960px」のスマホに合わせる場合は、横幅960px程度の画像を用意しておくと安心です!・なぜ大きい画像?→スマホ幅より小さい画像を画面いっぱいに表示しようとすると、画像が拡大され引き伸ばされ荒くなってしまいます。適用中のスマホテンプレートの「編集」をクリック「共通CSS管理」へ「共通CSSページ編集」のエディターエリア内へ下記のスタイル指定を追記してください。←は、画像を画面幅に合わせて自動で幅を調節します。←は、widthの拡大と縮小に合わせて、縦横比を保持したまま調節します。・必ず適用中の「共通CSSページ編集」のエディターエリアになっているか確認しましょう!・現在のMakeShopの【スマホデザインの設定】のスマホテンプレートでは、スタイルの指定が入力済みなので便利です。困ったときは、新しくテンプレートを作成してみましょう!(3)調整完了!→できあがり!かんたんですね。いかがでしたでしょうか。あらいMakeShopのマニュアル担当。233メートルのマカオタワーからバンジージャンプしたMakeShopの旅行好き、チャレンジ好き、楽しむこと好き女子です。