商品ページの画像について

Question

お世話になっております。楽天の商品ページの作り込みをしているのですが、PC用販売説明文に入れた画像が、少しぼやけてしまうのではどうしてでしょうか？特にテキストを画像として保存した場合に、テキスト部分がぼやけます。こちらのお店も、画像として登録されているようですが、とてもハッキリ、くっきり見えますが、画像の大きさが横幅1000ピクセルあるみたいだからでしょうか？参考にしているサイトhttps://item.rakuten.co.jp/angers/151221/画像を作る際の技術的な面も関係あると思いますが、イラストレーターで、800×800ピクセルの画像を作っています。イラストレーターで作った画像だからぼやけるという事なのか？画像が小さいからなのか？もし、ぼやける原因があれば教えてください。よろしくお願いいたします。当店商品ページhttps://item.rakuten.co.jp/nature-style/10000321/カラーバリエーションの部分の画像がぼやけます。

Answer

ECマスターズの伊藤です。> 特にテキストを画像として保存した場合に、テキスト部分がぼやけます。> こちらのお店も、画像として登録されているようですが、とてもハッキリ、くっきり見えますが、画像の大きさが横幅1000ピクセルあるみたいだからでしょうか？今回、横幅800ピクセルの画像を横幅600ピクセルで表示させているため特に、細い線である文字がさらに細くなってしまいぼやけたように見えてしまっています。参考に頂いた店舗の画像は小さめのテキストは、太めのフォントを使うなど線が細くならないように工夫されています。画像は縮小、拡大してしまいますときれいに表示されなくなってしまいますので表示さたいサイズで作成していただのが一番きれいに表示することができます。異なるサイズで表示させる場合は細い線が潰れてしまうことを念頭において、画像の作成をお願いいたします。

Answer

ありがとうございます。すみません…HTMLのことは、詳しくなく、恐らくwidth: 600px;のことですね。もし、800ピクセルで作成した画像を使う場合は、指定を600pxから800pxに変更すれば解決できそうでしょうか？それとも、スマホページのように100%にすればいいのでしょうか？小さめのテキストは、太めのフォントを使ってみます！

Answer

ECマスターズの中野です。> natureさんご返信いただいた内容につきまして、週明けに担当より再度回答させていただきます。お時間いただきますがお待ちいただければと思います。よろしくお願いいたします。

Answer

ECマスターズの伊藤です。ご回答おまたせしてしまい、申し訳ございません。> HTMLのことは、詳しくなく、> 恐らくwidth: 600px;のことですね。> もし、800ピクセルで作成した画像を使う場合は、> 指定を600pxから800pxに変更すれば解決できそうでしょうか？はい、画像のサイズの指定を<img src="XXXX" style="width:800px">などのように指定していただき作成した画像サイズで表示していただければきれいに表示されるようになります。画像を大きくすることでレイアウトが崩れる可能性がございますのでサイズ変更の際は、ご注意くださいませ。

商品ページの画像について

カテゴリーから探す