商品ページに登録する画像サイズについて

Question

いつもお世話になっています。


質問１
PC販売説明文に入れる画像のサイズを巾：730でいれておりますが
楽天のトップページの変更が行われてから
ページを見ると、とても余白が多いので
画像サイズ巾を大きくしたいのですが、どのくらいのサイズが最適なのでしょうか？

新商品については
900でいれているのですが
妥当なサイズであるかは疑問です。

なお、PCのトップページは
ECステーション様のお店つくーるを利用しています。


質問２
商品ページに入れる２０枚の画像の件ですが
今までは
巾730の正方形を登録しておりました

先日、イーザッカマニアストアーズ様とか、ファッション系のサイトをスマホで確認しましたら
長方形の画像を入れているみたいです。
スマホではやはり長方形の方が見やすいからだとおもいますが・・・

長方形で画像を登録した方がいいのでしょうか？
では、最適サイズは？
色々調べましたが、　各店舗違うので悩んでいます。


どうか、アドバイスをお願いします

Answer

ECマスターズの伊藤です。

> PC販売説明文に入れる画像のサイズを巾：730でいれておりますが
> 楽天のトップページの変更が行われてから
> ページを見ると、とても余白が多いので
> 画像サイズ巾を大きくしたいのですが、どのくらいのサイズが最適なのでしょうか？

こちらは商品ページのお話でお間違い無いでしょうか。

商品管理番号fff142にて確認させていただきましたところ
ヘッダー・フッターに入れているコンテンツの
横幅大きいため、画像の右側に余白が
表示されている状態となっておりました。

現在、レフトナビと商品情報部分を合わせた横幅が
994pxに対して
ヘッダーとフッターのサイズが
1100pxとなっております。

また、買い物カゴ等の下に表示されている
PC用商品説明分の画像サイズも
固定となっているため、枠を広げている
原因となっています。

こちらを見直していただきますと、
現在の画像サイズ（730px）でも
余白がなく表示されるようになります。

なお、楽天からは、PC用販売説明文の横幅が、
デフォルトですと700pxとなるため、
700pxを推奨としています。

■[はじめての店舗づくり]はじめての店舗サイトづくり STEP3 商品ページを登録する
https://navi-manual.faq.rakuten.net/design/000036875


> 長方形で画像を登録した方がいいのでしょうか？
> では、最適サイズは？色々調べましたが、　各店舗違うので悩んでいます。

こちらは特に推奨サイズはありません。

20枚という制限上、その枚数に収まるように
コンテンツを作成した結果、縦に
伸びているという状態になっています。

注意点としまして、縦長になる＝画像サイズが大きくなる為、
スマートフォンでの画面表示が重くならないよう、
容量が大きすぎない画像をご利用ください。
利用する画像は、1枚200KB程度を推奨しております。

■[スマートフォン デザイン設定] スマートフォン用商品説明文で利用する画像に、サイズや容量の制限はありますか？
https://navi-manual.faq.rakuten.net/design/000037298

Answer

伊藤様
いつも詳しく調べてくださり本当にありがとうございます。


PCとスマホの説明文に入れる画像のサイズは了解いたしました。
リンクページも確認しました。


なお、私の質問が悪かったのですが

質問２
商品ページに入れる２０枚の画像の件ですが
今までは
巾730の正方形を登録しておりました

先日、イーザッカマニアストアーズ様とか、ファッション系のサイトをスマホで確認しましたら
長方形の画像を入れているみたいです。
スマホではやはり長方形の方が見やすいからだとおもいますが・・・

長方形で画像を登録した方がいいのでしょうか？
では、最適サイズは？
色々調べましたが、　各店舗違うので悩んでいます。

とは、


https://navi-manual.faq.rakuten.net/design/000036875
の商品画像【添付画像でキイロで囲んだ部分】のサイズ
のことを質問しております。



よろしくお願いいたします。###HR######IMG0d74cdaf760d7939c8fc97629075f184d.jpegIMG0###

Answer

ECマスターズの伊藤です。

> 先日、イーザッカマニアストアーズ様とか、ファッション系のサイトをスマホで確認しましたら
> 長方形の画像を入れているみたいです。
> スマホではやはり長方形の方が見やすいからだとおもいますが・・・

https://item.rakuten.co.jp/e-zakkamania/32570-2000075/
こちらのページにて確認させていただきましたところ
確かに長方形で登録されていました。

長方形にしている理由ですが

・自社店舗の画像サイズを優先している
・余白をいれることでデザイン性を持たせている

が考えられるかと思います。

・自社店舗の画像サイズを優先している

自社店舗にて、スマホで大きく商品を
表示するために、こちらのサイズにて
登録頂いているのかと思います。
https://e-zakkamania.com/c/00/0000000100/0000000117/32570-2000075/

楽天では縦のサイズは固定となりますので、
意識していただかなくてよろしいかと思います。


・余白をいれることでデザイン性を持たせている

余白をいれることで、洗練されたデザインに
見せることができます。

参考：
【余白の美】デザインに余白を取り入れるコツと5つの意味【ホワイトスペース】
https://321web.link/whitespace/

余白については、作り手のセンスになりますので、
どのサイズが正解といったものはありません。

そのため、ゆきこさんにて見やすいと思われる
サイズの店舗さんを探していただき、
その店舗さんと同じサイズで作成頂ますよう
お願いいたします。

なお、ご連絡したページは
900 * 1080
にて作成頂いておりました。