複数販路の商品ページの画像サイズ、画像容量、HTMLについて

Question

お世話になっております。
複数販路での商品ページの画像とHTMLについて質問です。
楽天、ヤフー、auPAYマーケット、Qoo10、（Amazon）
（楽天のデータをもとに禁止タグだけ省いて他サイトにも基本そのままアップしてます。）



１．画像サイズについて

PCやスマホブラウザだと画像が問題なく表示されるが、
スマホアプリだと半分に切れてたり、
モールによって切れたり切れなかったりの場合があります。
これについてはとすることで解決できると思います。

ただ、いちいち見え方を確認して問題ある画像だけを修正するのも大変なので、
PC用説明文もスマホ説明文も含めて、全てのモールともに、
とにかく全ての画像URLに上記の対処をするということで考えてますが
なにかデメリットはありますでしょうか？


また、推奨サイズはモール毎に違うと思いますが、
とりあえずは1200✕1200pxに統一することで問題ありませんでしょうか？

（Amazonに限っては同等サイズで正方形でなく縦長にするのもありかなと思います。）
　
　
２．画像容量について

ヤフーのみ500KBという制限がありヤフーだけ容量オーバーでエラーになったりします。
使用している画像を確認するとほとんどの画像が500KB以内になってますが、
一部800KB程度になっていたりしてました。

500KBに圧縮しても一般的には十分な画質と考えて問題ないでしょうか？
（よほど画質や見え方にこだわる場合をのぞいてですが、）



３．商品説明のHTMLについて

知識がないので簡易的に作成できる以下のようなサイトを利用しようと思いますが、
注意点はありますでしょうか？禁止タグだらけになってしまうなど。
https://rakko.tools/tools/129/

おすすめのサービスがあれば教えて頂けると助かります。


よろしくお願いいたします。

Accepted Answer

ECマスターズの大谷です。

>置換については以下の記載間違いでしょうか？

>検索対象
>↓
>jpg"

>置換
>↓
>jpg" width="100%"

こちら上記の記載通り、
置換して頂いても問題ございません。

ただ、注意点としては下記の点が考えられます。

①CSSを直接記入されており、
　他にjpg"の記入があった際は置換されます。

②jpg以外の画像形式があった場合、
　変更の修正が必要になります。

③jpgの後に文字がある際は置換されません。
　例)　"aaa.jpg?0524"

そのため、最初にお伝えした

検索対象

Answer

ECマスターズの大谷です。

いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちいただきますよう
お願いいたします。

Answer

ECマスターズの大谷です。

>これについてはとすることで解決できると思います。
>とにかく全ての画像URLに上記の対処をするということで考えてますが
>なにかデメリットはありますでしょうか？

こちらは親枠の幅に対して画像が100％表示される為、
デメリットとしてアイコンのような小さく表示させたい画像
の場合はサイズ調整が必要となります。

>ヤフーのみ500KBという制限がありヤフーだけ容量オーバーでエラーになったりします。
>使用している画像を確認するとほとんどの画像が500KB以内になってますが、
>一部800KB程度になっていたりしてました。
>500KBに圧縮しても一般的には十分な画質と考えて問題ないでしょうか？

800KB〜500KBに圧縮しても画質等に問題はございません。

ですが、500KBは、一般的にはかなり大きな画像サイズとなっており、
画像が重いと表示されるまでに時間がかかるため、
離脱率が上がる可能性があります。
https://www.makeshop.jp/main/about/speed/

ネットショップの推奨容量としては
200kb以下のサイズになります。

下記URLの参考資料をご参考ください。

売れる！ネットショップに最適な商品画像サイズ
https://support.zenfotomatic.jp/column0011/#:~:text=モールの決まりで問題,が使われています。
>また、画像サイズが小さくてもファイルサイズが大き過ぎると意味がありません。
>ファイルサイズも多くのショップでは200kb以下のサイズが使われています。

どのくらいの画像サイズまで圧縮できるかについては、
実際の画像をご確認いただきながら、ご対応いただければと思います。

>知識がないので簡易的に作成できる以下のようなサイトを利用しようと思いますが、
>注意点はありますでしょうか？禁止タグだらけになってしまうなど。
>https://rakko.tools/tools/129/
>おすすめのサービスがあれば教えて頂けると助かります。

こちらはソースコードを
作成するのみであれば特に問題ございません。

お客様の言う通り、各モール毎に「使用できるタグ」の
ルールはあるのでソースコードを作成した際に
「使用できるタグ」のご確認はして頂けますと幸いです。

おすすめのサービスについては、
提携会社となる、ECステーションにて提供しております、
ページクリエイターのご利用をおすすめしております。

ECステーション
https://www.intecrece.co.jp/ecm/master10.html

ページクリエイターマニュアル
https://manual.ecsystem.jp/pg_100/

Answer

大谷様

お世話になっております。
早々にご対応頂きありがとうございます。
ここまで明解に回答頂けて、本当に聞いてよかったです！


追加ですみません


これを効率的に入力する良い方法はありますでしょうか？

思いついたのは、
一旦はそのままの画像サイズでRMSなどで出品した後に
CSVで一括で置換して再度アップロードして反映させる、
もしくはアイテムロボットで一括で置換して反映させる。
それか出品時にひとつひとつ画像URLに追加するしかないでしょうか？



ECステーションをまだ使いこなせてなく、全容も把握できてなかったのですが
ページクリエイターというツールがあったのですね！
導入するようにします。

Answer

ECマスターズの海老塚です。

ご返信いただきまして
誠にありがとうございます。

ご質問いただきました件は、
週明けに担当よりご回答させていただきますので
今しばらくお待ちいただきますよう、
よろしくお願いいたします。

> ECステーションをまだ使いこなせてなく、全容も把握できてなかったのですが
> ページクリエイターというツールがあったのですね！
> 導入するようにします。

導入いただき、
ご不明点等ございましたら、
何なりとご連絡ください。

Answer

ECマスターズの大谷です。

>
>これを効率的に入力する良い方法はありますでしょうか？

こちらですが、CSVで一括置換して反映して
頂く作業が効率的かと思われます。

下記のような、置換でご対応頂けますと幸いです。

（例）
検索対象

Answer

大谷様


お世話になっております。
ご返信ありがとうございます。

念のため確認させて頂きたいのですが、
置換については以下の記載間違いでしょうか？

検索対象

Answer

大谷様

ご返信ありがとうございます！
素人でもよく理解ができました。
画像の表示サイズの調整は2種類のやりかたがあるのですね。
それとサムネのように小さくしたい場合は50%などにするということですね。

ありがとうございました！