正方形の画像は総合マーケットプレイスに、縦長のフォーマットは、立ったモデルが縦長の画面を満たすファッションに適しています。比率が合わない画像は、通常マーケットプレイスによって余白が追加されるかトリミングされます。
撮影後に比率を変えるには、余白を追加して空きスペースを増やすか、背景を広げて商品の周囲に新しい画像領域を加えるかのいずれかです。
比率を求めるには、幅と高さをそれぞれの最大公約数で割ります。1,200 × 1,800ピクセルを600で割ると2:3、2,200 × 2,200ピクセルは1:1です。1:1.44のような比率は、高さを幅の倍数で表します。幅1,000ピクセルの画像なら、高さは1,440ピクセルになります。
出品でアスペクト比が重要な理由
検索結果やカテゴリーページは、グリッドでできています。どのタイルも同じ形で、形の違う画像は、合うようにトリミングされるか、縮小されて余白の帯で埋められます。前者では商品の一部が失われ、後者では商品が隣の商品より小さく見えます。
比率は、商品に使える広さも決めます。縦長の画面は立ったモデルやロング丈のワンピースに、正方形の画面はバッグ、靴、箱入りの商品に向いています。撮影の前に比率を決めておけば、後から画像を作り直さずに済みます。
よく使われる比率とその用途
オンライン販売の大半は、いくつかの比率でまかなえます。1:1は、総合マーケットプレイスや商品グリッドの正方形です。4:5と3:4は、ファッションや SNS のフィードの縦長のフォーマットです。2:3は、昔からある縦長の写真の画面です。9:16はストーリーズやショート動画でスマートフォンの画面いっぱいに表示され、16:9はバナーや動画の横長の画面です。
比率は幅対高さの順で書くため、4:5は縦長、5:4は横長です。比率は大きさについては何も示しません。小さな画像と大きな画像が、同じ比率であることもあります。
撮影後にアスペクト比を変える方法
比率を変える方法は三つあり、それぞれに代償があります。トリミングは、画像の一部を取り除きます。余白の追加は、すべてを残したまま、二つの辺に無地の領域を足します。通常は白です。拡張は、画像の周囲に新しい背景を加える方法で、商品の大きさは保たれますが、実際には撮影されていない画像領域が生まれます。
どれが合うかは画像によります。無地の白の上の商品は、余白を足しても跡が残りません。場面のなかのモデルは、拡張するか撮り直す必要があります。街並みの横の白い帯は、ミスのように見えるためです。
アスペクト比と関連用語の違い
- 画像サイズ（ピクセル寸法）
- 画像サイズ（ピクセル寸法）は、ピクセルで表した幅と高さです。アスペクト比はその二つの数値の関係で、寸法が大きく異なる画像どうしが同じ比率であることもあります。
商品の占有率- 商品の占有率は、画面のうち商品が占める割合です。余白を足して新しい比率にすると占有率が下がるため、マーケットプレイスが下限を定めている場合は注意が必要です。
- アウトペインティング
- アウトペインティングは、新しい背景を生成して、画像を端の外側へ広げます。被写体を切らず、帯も足さずに新しい比率にする方法です。
- サムネイル
- サムネイルは、一覧に表示される画像の縮小版です。通常はグリッドの比率に切り出されるため、比率の違う画像は、まずそこで端を失います。
アスペクト比を変える前のチェックリスト
- 目標の比率は、カメラの初期設定ではなく、販売チャネルのルールに基づいています。
- 変更後も商品全体が画面に収まり、どの辺にもいくらか余白があります。
- 余白の色が背景と同じで、帯や境目が見えません。
- 拡張した領域を拡大して確認してあります。床、影、模様が継ぎ目なく続いています。
- トリミング後も、画像のピクセル数が十分にあります。トリミングは面積だけでなくピクセルも減らすためです。