ページ画像のぼやけ具合

Question

お世話になります。
楽天市場でのPCページにて、レフトページを常に表示している場合、右側の商品ページとなる適正画像サイズは660pxと認識しているのですが、合っていますか？

ページを作成するにあたり、横幅を1000pxにし、表示の指示で660pxに変更しておりますが、どうもぼやけて見えます。
トップページではpng画像などを使用して、キレイにうつっているのですがページ画像はjpgです。
以前に大きいサイズの画像を小さくする方法を教えて頂きましたが、実施するとぼやけてしまい、はっきり見るようにするには結局そこまで軽くは出来なかったです。

いまいちweb上での画像についてのルールを分かっていないかもしれないですが、
商品ページの適正画像サイズは660pxでいいのでしょうか？
また、画像がPCでキレイに反映されるにはどのような手段があるでしょうか？

Accepted Answer

ECマスターズの田中です。

以前ご案内差し上げた、

Optimizilla
http://optimizilla.com/ja/

をご利用いただいているということですね。

おしるこさんの商品ページを実際に確認させていただきましたが、
特にぼやけているページは無いように見受けられます。
実際に画像のぼやけが確認できるページがございましたら、
URLをお知らせいただけますでしょうか。
ショップURLの部分を伏せていただいたり、商品管理番号だけお知らせいただいても結構です。
フォーラムにてご返信いただき辛い場合は、リクエストフォームよりお知らせください。

＞商品ページの適正画像サイズは660pxでいいのでしょうか？
ページのレイアウトによりますが、
おしるこさんのページの構造であれば、
横幅660pxで画像を表示する構造になっておりますので、
画像ファイル自体の横幅も660pxで問題ございません。

＞画像がPCでキレイに反映されるにはどのような手段があるでしょうか？
PC向けの場合は、元画像ファイルの高さ・横幅と
同じサイズで、ページ内に設置していただくことで、
ブラウザによる拡大・縮小がされず、綺麗に表示されます。

Answer

返信ありがとうございます！
ぼやけてないですか？トップは少しサイズ大きく、重めなのでキレイに見えますが。

https://item.rakuten.co.jp/angelashop/10000066/

しいて言えば、、、こちらのページです。
文字が特にぼやっとしております。

Answer

ECマスターズの田辺です。

確認させていただきましたが綺麗に作りこまれていると思います。

文字がぼやっとしてしまう件につきましては、
解像度の変更だけでは改善が難しい部分もあり、
文字の大きさも影響してきます。

たとえば、小さな文字を、華奢なフォントで記載しようとすると、
文字を表示させるためのピクセル数がどうしても少なくなり、
画面上ではぼやっと見えてしまいます。

もう少しくっきりとした文字を反映させたい場合は
フォントサイズを大きくしていただくなどの工夫も必要です。

また、画像と文字を切り離していただき、
文字は直接記入して表示させるという手段もございます。

Answer

ありがとうございます！
文字の大きさも関係するのですね、、、

直接記入についても検討していきます。

ありがとうございました。