画面をきちんと埋める

Amazon は規定を述べています。商品は画像の 85 % 以上を占めなければならない、と。そして幾何は述べていません。「画面の 85 %」は面積とも長辺とも外接矩形とも読めるので、解釈が効いてきます。そして慎重な方向へ外すことこそが、競合の隣で出品を小さく遠く見せる原因です。

ここでの 85 % の意味

こう適用しています。商品の**外接矩形**が、自身の長辺方向で画面の 85 % 以上に達し、もう一方の辺は比率を保ってはみ出さない。これは合理的な読み方のうち最も厳しいものです。*面積で* 85 % と読むと、商品は一方向で長辺の約 92 % しか占めず、もう一方はずっと少なくてよいことになります。そして、マーケットプレイス自身の作例に最も近い読み方でもあります。規定ではなく解釈なので、占有率は固定値ではなくスライダーです。別の読み方をするなら動かしてください。プリセットは Amazon に 85 %、Etsy・Shopify・Trendyol・eBay に 90 %、SNS 用の形に 86 % を設定しています。

余白は規定を静かに壊す

これは独立した節に値します。私たち自身がはまった罠だからです。画面のまわりに気持ちのよい余白を足し——たとえば片側 2 %——*その上で*残りの 85 % を埋めると、商品は実際の画像の約 81.6 % を占めることになり、整えようとした道具のせいでマーケットプレイスの規定を外します。そのためここの既定の余白は**ゼロ**であり、検査は内側の詰め物領域ではなく*画面全体*に対して占有率を比べます。空間が欲しいなら、余白を意図的に開け、その分だけ占有率を上げてください。

揃え方: 中央か接地面か

影がないときは外接矩形を中央に置くのが正解です。商品が真ん中にあり、ほかには何もありません。接地影を足した途端、中央揃えは間違って見えます。影が商品の下に視覚的な重さを足し、構図は物が上へ滑り出ているように読めるからです。代わりに**接地面**へ揃えると、商品の接点が、目が地面を期待する位置に来ます。ここでの既定は影ありの接地揃えで、この組み合わせこそが、白の上に単独で置かれた商品をステッカーではなく写真に見せます。

計画は一つ、出力は二つ

構図の計算は描画から意図的に分けてあります。純粋な関数が計画を計算し——倍率、位置、影の幾何——二つ目の工程がその計画をキャンバスに描きます。プレビューも、ダウンロードされるファイルも、検証テストも、*同じ*計画を消費します。画面で見たものがファイルに入るのはそのためです。ずれ得る二本目のコード経路が存在しないのです。小さな設計上の点ですが結果は非常に実際的で、168 通りを走査するテストがあなたのダウンロードについて意味のあることを言えるのも、これが理由です。