画像の大きさの揃え方

Question

お世話になっております。
画像の扱い方に不慣れなため初心者級の質問となってしまいますが、どうぞよろしくご教示ください。

仕入先様の転載可能画像(480x480ピクセル 60KB)と自分が撮影し縦長にトリミングした画像(202x480ピクセル 40KB)をそれぞれの商品ページに載せている分には問題ないのですが、目玉商品として同じページに載せる場合に後者の画像が異様に巨大化して統一が取れなくなってしまいます。縦長にトリミングした画像を他と合せること自体が無理なことなのでしょうか。

Accepted Answer

ECマスターズの田中です。

リクエストフォームでご連絡いただき、ありがとうございました。
また、誤った案内を行ってしまい、大変申し訳ありませんでした。

最初にご案内した楽天の機能では、追記いたしましたとおり、
縦長の画像は縦長のままになってしまいます。

外部のWebサービスを利用することで
正方形の画像を作成することができますので、
使い方をご案内いたします。

最初に、下記URLを開いてください。

Placehold.jp
http://placehold.jp/

続いて、下記の通りに操作をお願いします。

・「Advanced」をクリック
・「幅」「高さ」に画像サイズを入力
・フォーマットを「jpg」に変更
・表示文字に、半角スペースを1個入力
・スタイルシートの「利用する」をチェック
・スタイルシートに、下記2行を入力（※画像URLは、実際のURLにおきかえてください）
background: url(画像URL) white no-repeat 50% 50%;
background-size: contain;
・「画像を生成する」ボタンをクリック

ボタンを押すと、画面右側に画像が表示されますので、
保存して、R-Cabinetにアップロードしてご利用ください。

Answer

ECマスターズの田中です。

楽天には、R-CabinetやGOLDに保存した画像に対して、
サイズを指定することで、正方形のサムネイル画像に変換してくれる機能があります。
（※7/1追記：
正方形にするのではなく、縦横比を保ちながら、長い辺を指定サイズ内に収める機能です。
つまり、縦長の画像は縦長のままになります。
誤った案内を行ってしまい、大変申し訳ありません。）

機能を使うには、普段の画像URLを変換するだけで結構です。

R-Cabinetの場合は、
http://thumbnail.image.rakuten.co.jp/@0_mall/ショップURL/cabinet/画像ファイル名.jpg?_ex=画像一辺の長さx画像一辺の長さ
GOLDの場合は、
http://thumbnail.image.rakuten.co.jp/@0_gold/ショップURL/画像ファイル名.jpg?_ex=画像一辺の長さx画像一辺の長さ
このようにURLを作成してください。

例：
http://www.rakuten.co.jp/myshop/ のR-Cabinetに縦長の画像ファイル「image.jpg」が保存されていて、
縦横共に480ピクセルで表示させる場合
→ http://thumbnail.image.rakuten.co.jp/@0_mall/myshop/cabinet/image.jpg?_ex=480x480

（※7/1追記：
フォルダの中に入っている場合は、フォルダ名の追記も必要です。
例：
http://www.rakuten.co.jp/myshop/ のR-Cabinetの、
「photo」フォルダの中にある「small」フォルダの中に
縦長の画像ファイル「image.jpg」が保存されていて、
縦横共に480ピクセルで表示させる場合
→ http://thumbnail.image.rakuten.co.jp/@0_mall/myshop/cabinet/photo/small/image.jpg?_ex=480x480）

このサムネイル画像作成機能を用いて、
カクテルティーさんが縦長に作成された画像が、正方形に整えられることを
ご確認いただきますようお願いします。

Answer

ありがとうございます。

確認なのですが、現在R-Cabinetを使っているので、myshopの箇所に自店舗URLを入力、image.jpgの箇所にCabinetに保存している縦長の画像URLを選択してコピー＆ペースト、商品登録ページの商品画像登録欄に貼り付ける、で間違いないでしょうか？
もし間違いでなければ、「商品画像URL欄にご利用いただけない文字が入っています。」と出てきます。
@やアンダースコアを入れ直してみるのですが上手くいきません。
それとも、当方、大きな勘違いをしているでしょうか??

Answer

ECマスターズの田中です。

説明が不足しており申し訳ありません、
各商品の「商品画像」に登録されたURLをもとにサムネイルを作成する関係から、
サムネイルを作成した状態のURLを、商品画像として登録することはできません。

表示を整えるには、表示されている場所ごとに異なる対応が必要であり、
実際に統一が取れていない状態を確認して、対応方法を考える必要があります。

実際に統一が取れていない状態が確認できるページがありましたら、
自店舗URLを伏せた状態で結構ですので、URLをお知らせいただけますでしょうか。
確認して、対応をご案内させていただきます。

あるいは、
作成していただいたURLを実際に開いていただき、
表示された画像をPCに保存し、R-Cabinetにアップロードして
商品画像としてご利用いただくことも可能ですので、
ご検討いただければと思います。

Answer

ずっと気になっていたことが解決できて良かったです。
素晴らしすぎてしばらく言葉が出てきませんでした。
ありがとうございました!