商品写真の余白は、掲載先の縦横比と文字入れの有無を先に確認して決めます。撮影時から主役を画面いっぱいにすると、別サイズへ切り出したときに商品が欠ける場合があります。
使う場所と必要な形を確認する
商品一覧、横長バナー、縦長の投稿など、同じ写真でも必要な範囲が違います。担当者へ掲載場所、縦横比、文字の位置を確認し、分からない場合はどこまで想定するかを決めます。
万能な一枚を狙うより、商品を中央へ置いた基準カットと、文字を入れたい側へ余白を残した別カットを用意する方が確実な場合があります。
商品の周囲に必要な余白を残す
端が近いと、影や持ち手、飾りの先が切れやすくなります。商品本体だけでなく、見せたい影や周辺要素まで含めて余白を考えます。
余白を広く取りすぎると一覧で商品が小さくなります。実際の表示サイズへ縮小し、商品を識別できる大きさが残るかを確認してください。
文字を置く場所の明暗を整える
文字が入る場所へ強い模様や反射があると読みにくくなります。余白の面を整理し、予定する文字の大きさで置いた仮レイアウトを確認します。
背景が白なら必ず読みやすいわけではありません。文字色や端末の切り抜き範囲も関係します。撮影段階では完成デザインを決めつけず、必要な範囲を制作担当と共有しましょう。
切り出し後の画素数も確認する
広く撮った写真は複数の形へ切り出せますが、切り出すほど残る画素が減ります。最終用途の必要サイズを満たすかを確認します。
被写体の向きを変えた縦横の二枚を撮る方が、無理な切り出しよりよい場合もあります。納品時は用途別のファイル名にして、意図した余白が伝わるようにしましょう。
よくある質問
余白は何パーセントが正解ですか？
商品と掲載先で変わります。固定の割合より、実際の切り出しと一覧表示で判断します。
後から背景を伸ばせばよいですか？
背景や影によって自然に処理できない場合があります。撮影時に確保する方が再現しやすくなります。
次に試すこと
同じ商品で中央配置と片側に余白を残す構図を撮り、正方形と横長へ切り出して確認します。
コメントを残す