靴・バッグの商品画像を整える手順｜6枚の余白をそろえて測った
セントラルオフィス編集部公開日 約13分で読めます
スマートトリミングAIを開発している株式会社セントラルオフィスです。
靴とバッグの商品画像は、向きを撮るときに決めておき、撮った後は傾きを直してから被写体の長辺を画像の80%にそろえると、一覧に並べたときの大きさのばらつきが小さくなります。
白背景で作った靴3枚とバッグ3枚で試したところ、画像に占める被写体の割合は9.7〜72.6%の幅から26.5〜55.9%の幅に縮まりました。
服と同じ段取りで撮ったのに、靴だけ一覧で小さく見える、バッグの持ち手が画像の上で切れている、という経験のある方は多いのではないでしょうか。
服は平らに置けば形が決まるものの、靴とバッグは立体なので、置き方と向きによって写る大きさは撮るたびに同じになりません。
そこで、わざと向きも位置もまちまちにした6枚を用意し、同じ手順でそろえて、どこまでそろいどこがそろわないかを測りました。
モールの画像の決まりも公式のページで確かめたので、靴やバッグを出品する前の下準備に使ってください。
結論：靴とバッグの画像をそろえるやり方
結論から言うと、そろえる作業で直せるのは傾きと位置と余白と背景の4つで、向きだけは撮り直すしかありません。
6枚とも長辺を80%にそろえても、真横のスニーカーは26.5%、2足並べたブーツは55.9%と、面積の差は約2倍残りました。
なので、向きと置き方を撮る段階で決め、撮った後は長辺の割合を1つの数字に固定して一括で切り直すのがおすすめです。
画像は生成したものです。
手順
- 向きを決めて撮る。 靴は斜め45度と真横、バッグは正面を基本にし、同じ商品群では向きを変えない
- 傾きを直す。 靴底やバッグの底が水平になるまで回す
- 余白をそろえる。 被写体の外接矩形の長辺を画像の80%にして、中央に置く
- 背景を白にする。 背景の地だけを255に上げ、靴底の下の濃い影は残す
コツ
- 長辺の割合は1つに決めて全商品で使う。 そろえる前の6枚は長辺が40.0〜99.3%とばらばらで、この幅は割合を1つに決めない限り縮みません
- 端に接した写真は撮り直すか白を足す。 持ち手が上端に0pxで接したトートは、切り直しでは余白を作れず、白を足して縮めています
- 背景の255は目では分からない。 白く見える生成画像でも、255ちょうどの画素は0.1〜13.3%しかありませんでした
ここからは、服と違うところ、撮影の段取り、6枚の測り方と結果、影の扱い、モールの決まり、の順に見ていきます。
靴とバッグが服と違うところ
服を平置きで撮るなら、真上から1方向で写すだけで形はほぼ1通りです。
靴とバッグは高さのある立体なので、同じ商品でも向きを変えると写る形と大きさが変わる点が、まず違います。
画像は生成したものです。
靴の斜め45度なら、つま先の形と甲の高さとかかとが1枚に収まります。
真横は靴底の厚さやヒールの高さを見せる2枚目の役で、生成した6枚でも、いちばん横に細長く写ったのはこの向きでした。
バッグは、正面で持ち手を立てた1枚を基本にし、ショルダーバッグのように紐が長いものは、紐を寝かせて弧を描かせる置き方もあります。
2つ目の違いは影です。
立体の下には必ず接地の影が出るため、消すか残すかを先に決めておかないと、商品ごとの仕上がりがそろいません。
3つ目は形の崩れで、靴の甲やバッグの胴は、中に何も入れないとしわが寄ったりへこんだりします。
撮影の段取り
撮った後に直せないのは向きと形なので、段取りもこの2つを先に固める順番にしました。
背景と光
背景は白い紙を床から壁へ曲げて垂らし、床と壁の境目が写らないようにします。
光は斜め前から1灯を当て、反対側に白い板を立てて影を薄くする組み方が扱いやすい形です。
エナメルの靴や金具の多いバッグは、照明が表面に映り込むので、光の向きを少しずつ変えて映り込みの位置を確かめてから撮るのが確実です。
背景の紙が灰色に写る理由と直し方は、白背景の商品撮影で紙が灰色に写る理由で数値つきで扱いました。
置き方と詰める紙
靴は、中に薄紙を丸めて詰め、甲のしわを伸ばしてから置きます。
紐靴は紐を結び直して左右の長さを合わせ、詰めた紙が履き口から見えないかを最後に確かめておけば、撮り直しは要りません。
2足並べるときは、片方を少し後ろに引いて重ね、つま先の向きをそろえます。
バッグも、緩衝材や丸めた紙を胴に詰めないと、正面のしわやへこみは消せません。
持ち手を立てるときは、持ち手の内側に丸めた紙を入れるか、後ろから透明な糸で吊ると形が保てます。
撮影台の上の置き位置とカメラの高さは、テープで印を付けて全商品で同じにします。
ここがずれると、撮った後にどれだけそろえても、被写体を見下ろす角度の違いまでは消せません。
服を含めて何を何枚撮るかは、アパレルの商品撮影で撮るカットと枚数で楽天の上位商品を数えています。
6枚の余白をそろえて測った
段取りどおりに撮れない日もあるので、向きも位置もまちまちな写真が手元にある状態から、どこまでそろえられるかを確かめました。
試した条件
素材は、Codex の画像生成（2026年11月5日、ChatGPT のサブスクリプション枠）で作った白背景の商品写真風の画像6枚です。
靴は茶の短靴・白のスニーカー・黒のショートブーツ、バッグはトート・ショルダー・リュックで、どれも1,254×1,254pxで出てきました。
小さく右下に寄せる、大きく傾ける、持ち手を上端に付ける、と1枚ずつ置き方を変えて頼みました。
画像は生成したものです。
被写体の範囲は、Python の画像ライブラリで、白（255）との差が30以上ある画素を囲む外接矩形として取りました。
占有率は、その外接矩形の面積を画像の面積で割った値です。
そろえた後の画像は、外接矩形の長辺を画像の80%にして中央に置き、1,200×1,200pxの正方形で書き出しています。
結果
画像は生成したものです。
| 画像 | 向き | そろえる前の占有率 | そろえる前の長辺 | そろえた後の占有率 |
|---|---|---|---|---|
| 茶の短靴 | 斜め45度 | 9.7% | 40.0% | 38.7% |
| 白のスニーカー | 真横 | 44.8% | 99.3% | 26.5% |
| 黒のブーツ2足 | 斜め | 16.9% | 43.9% | 55.9% |
| トート | 正面 | 37.0% | 66.4% | 53.7% |
| ショルダー | 斜め | 17.3% | 60.0% | 30.8% |
| リュック | 正面 | 72.6% | 97.0% | 49.3% |
長辺はそろえた後の6枚すべてで80.0%になり、いちばん小さい画像といちばん大きい画像の占有率の差は、7.5倍から2.1倍に縮みました。
それでも、真横のスニーカーは2足並べたブーツの半分ほどの面積にとどまりました。
長辺で合わせる限り、横に細長い真横の靴は縦の幅が小さいぶん、面積では小さく見えるわけです。
真横の画像だけを集めた並びなら真横どうしでそろうので、斜めと真横を同じ一覧に混ぜない置き方が、数字の上でも見た目でも差の小さい並べ方です。
傾きは回す角度を測って直した
白のスニーカーは、頼んだとおり少し傾いて出てきました。
画像は生成したものです。
角度を目で決めると人によって変わるので、回したときに外接矩形の面積がいちばん小さくなる角度を、−12度から12度まで0.5度刻みで探しました。
スニーカーは6.5度回したところで外接矩形が8%小さくなり、靴底がほぼ水平になりました。
リュックも同じように探したものの、2度回しても面積は0.3%しか変わらなかったので、回さずに残しています。
斜め45度の靴は、この探し方だと形そのものが斜めなので正しい角度が出ず、目で確かめるしかありません。
端に接した画像は白を足すしかない
トートは持ち手が上端に0px、リュックは上端まで12pxの位置に写っていました。
被写体が端に付いた画像は、周りを切って余白を作ることができません。
今回は背景が白なので、周りに白を足してから縮めて80%に合わせましたが、背景に色や柄があると足した白との境目が出てしまいます。
影を残すか消すか
そろえる作業の中で、背景を白にする手順では250以上の画素だけを255に上げました。
元の6枚は目では白く見えたものの、背景はほぼ254で、255ちょうどの画素は0.1〜13.3%しかありません。
上げた後は59.2〜81.7%になり、残りは被写体と、靴底やバッグの底の下にある濃い影です。
影を全部消すと、靴やバッグが白の上に浮いたように見えます。
逆に影を残すなら、すべての画像で同じだけ残すのが条件です。
1枚だけ影を消したり、撮影の日によって影の濃さが違ったりすれば、並べたときに浮いて見えるのはその1枚です。
なので、薄い影の端だけを白に飛ばし、接地の濃い影は残す、という線引きを1つ決めて全商品に当てるのが現実的です。
モールごとの画像の決まり
靴とバッグの画像を自分で用意するかどうかからして、モールによって違いがありました。
| モール | 公式で確かめられたこと | 確かめた場所 |
|---|---|---|
| 楽天市場 | 第1商品画像とSKU画像は、背景が単色の白か写真背景。テキストは20%以下、枠線なし。正方形で700×700px以上を推奨 | RMS Service Square（2025年12月26日更新） |
| ZOZOTOWN | 出店ショップの商品の採寸と撮影を、物流拠点のZOZOBASEが担う | ZOZOのプレスリリース（2019年5月13日） |
| Amazon | 今回は原文を開けず、書いていない | セラーセントラルの商品画像のガイド（要ログイン） |
楽天市場のRMS Service Squareの解説には、靴やバッグだけに向けた決まりは書かれていませんでした。
服と同じ決まりが靴とバッグにもかかると読めるので、背景を白にするなら、上の手順で255まで上げておくと迷いません。
ZOZOTOWNは、ブランドが商品を預けて売ってもらう形で、プレスリリースには次のように書かれていました。
「ZOZOBASE」は、ZOZOTOWNに出店いただいているショップ様の商品を取り扱い、採寸や撮影、発送などの一連のフルフィルメント業務を担う、千葉県習志野市、茨城県つくば市に拠点を置く物流センターです。
商品単体の写真を出店者が撮る場面は少ない一方で、着用や持った姿の写真を足すなら、配信されている画像と同じ縦長の5:6に合わせておくのが無難です。
ZOZOTOWNの配信サイズを測った結果は、ECモールの商品画像サイズにまとめました。
Amazonの商品画像のガイドは、セラーセントラルにログインして読むページで、今回は靴とバッグの欄を原文で確かめられませんでした。
出品の前に、セラーセントラルの商品画像のガイドを開いて、カテゴリごとの決まりを見てください。
複数枚のサイズと位置をそろえる流れ
ここまでの結果を、何十足、何十個と並べる実際の作業の順番に置き直すと、次のようになります。
- 撮影の前に、置き位置とカメラの高さに印を付ける。 撮った後に直せない角度の違いを、ここで止めます
- 向きごとにフォルダを分ける。 靴の斜め、靴の真横、バッグの正面を混ぜずに処理すると、長辺の割合を同じにしたとき大きさがそろいます
- 傾きを直す。 真横の靴と正面のバッグは底の線を水平に、斜めの靴は目で確かめます
- 長辺の割合を1つ決めて一括で切り直す。 今回は80%にしましたが、店の一覧で小さく見えるなら85%のように数字ごと変え、全商品を同じ数字で作り直します
- 背景を白にして、モールのサイズで書き出す。 楽天なら正方形で700×700px以上、ZOZOTOWNに足す画像なら5:6です
4の割合を途中で変えた商品は、先に作った商品と大きさが合いません。
数字は、最初の10点ほどを一覧に並べて見てから決めると、後で作り直す数が少なくて済みます。
まとめ
靴とバッグは立体なので、向きと置き方を撮るときに決めておくことが、そろえる作業のいちばんの近道でした。
撮った後は、傾きを直し、被写体の長辺の割合を1つに決めて一括で切り直し、背景の地を255に上げると、6枚の占有率の幅は9.7〜72.6%から26.5〜55.9%まで縮まりました。
ただ、真横の靴と2足並べたブーツの面積の差は残ったので、斜めと真横を同じ一覧に混ぜないことも合わせて決めておくとそろって見えます。
よくある質問
参考リンク
- 楽天市場 RMS Service Square「商品検索・SNS対策に！『商品画像登録ガイドライン』徹底対応」（第1商品画像の背景・テキスト・枠線・推奨サイズ、2025-12-26 更新、2026-11-05 確認）
- 株式会社ZOZO プレスリリース（ZOZOBASEが採寸と撮影を担う、2019-05-13 公開、2026-11-05 確認）
- Amazon セラーセントラル「商品画像のガイド」（G1881）（要ログイン、今回は原文を確認できず）
- 占有率・傾き・255の画素の割合：自社環境での計測値（条件：Codex で生成した1,254×1,254pxの画像6枚、白との差30以上を被写体とした外接矩形、2026-11-05）
