本文へ移動する
06-7777-3960受付 月〜土 9:00〜18:00
無料で相談する→

サービス何をつくるかは、話してから決めましょう。

サービス一覧を見る

マーケティング公開 更新

魅力的な商品写真でサイトの印象アップ!スマホ撮影のコツ

この記事で分かること

スマホで商品写真を撮るときは、機材を買う前に「この写真で何を確かめてもらうか」を決めます。商品の全体、質感や細部、使う場面は一枚では伝わりにくいことがあります。

読み方
魅力的な商品写真でサイトの印象アップ!スマホ撮影のコツ

スマホで商品写真を撮るときは、機材を買う前に「この写真で何を確かめてもらうか」を決めます。商品の全体、質感や細部、使う場面は一枚では伝わりにくいことがあります。まず一商品を選び、レンズを拭く、光を整える、背景を片づける、全体と細部を撮る、実物と見比べる、という順番で試してください。

ここでは中小企業のホームページや通販の商品ページに使う、自社で撮る写真の基本を扱います。写真と文章の役割をページ全体で決める方法は画像と文字の使い分けに分けます。

最初に写真の役割を三つに分ける

商品を選ぶ人は「何が届くか」「どの部分が特徴か」「どの大きさ・使い方か」を確かめたいはずです。まず主写真で商品全体と形、補助写真で素材や接合部などの細部、必要なら使用場面を見せます。衣料品、食品、部品などでは必要な角度が異なります。実際によく聞かれる質問から優先順位を決め、撮影リストに書きます。

写真の役割先に写すこと文字で補うこと
全体形、色、付属品の有無寸法、材質、セット内容
細部質感、開口部、留め具など使い方や個体差
使用場面置いたときや使うときの様子演出用小物が商品に含まれるか

例えば器なら、正面の全体写真だけでは縁の厚みや持ち手が見えにくいかもしれません。撮影前に「全体一枚、特徴を示す細部一枚」と決めておくと、同じ角度の写真を何枚も増やさずに済みます。寸法や材質は写真から推測させず、商品説明に書きます。

レンズ、商品、背景を先に整える

スマホのレンズに指紋やほこりがあると、光がにじんだり細部がぼけたりします。柔らかい布でレンズを拭き、商品の表面も撮影に支障のない範囲で整えます。背景は商品と色が近すぎない無地の紙や布から始め、写る範囲の値札、コード、個人情報、関係のない小物を外します。白い商品に真っ白な背景を合わせると輪郭が消えるなら、薄い色の背景へ替えて比べてください。

カメラを構えたら画面を拡大して、ピントが商品にあるかを見ます。iPhoneでは画面上の領域をタップしてフォーカスと露出を調整でき、タイマーやグリッドも使えます。Pixelでも機種や設定によってグリッド表示を選べます。操作位置は端末で違うため、Appleのカメラツール案内とPixelカメラの設定案内のように、使う機種の説明で確かめます。

光は一方向から当て、影を見て調整する

窓際のやわらかい光を片側から当てると、形や表面の凹凸を見ながら撮りやすくなります。直射日光で白い部分が飛ぶ、反対側が暗すぎるときは、撮る位置や時間を変えるか、白い紙を暗い側に立てて光を返します。部屋の照明と窓の光で色がばらつくなら、光源をそろえて撮り直します。自然光だけで色が必ず正確になるわけではないため、実物と画面の見え方も比べます。

暗いからといって照明を増やす前に、商品とスマホを安定させ、露出を少し調整して試します。三脚がなければ机に肘を置くなど、同じ位置で撮れる方法を使います。LEDライトを使う場合も、正面から強く当てるだけでなく、反射や影を見て位置を変えます。

窓の光を受ける器、反対側の白い反射板、三脚に固定したスマートフォンの撮影配置
窓、商品、反射板、スマホの位置を示す説明用の生成画像です。実在の商品や撮影事例ではありません。

全体と細部を、同じ条件で撮る

全体写真は商品が欠けずに見える距離で撮り、左右の余白と水平を確認します。細部は「写真を見た人が何を判断できるか」を一つ決め、縁、縫い目、端子、表面などへ近づきます。近づきすぎてピントが合わなければ、距離を戻して撮り、後から必要な範囲を切り出します。使用場面を撮るときは、飾りの小物が販売対象と誤解されないよう、商品説明でも区別します。

写真の向きや背景が毎回違うと、商品同士を比べにくくなります。同じ種類の商品では、主写真の向きと背景を揃え、細部写真で違いを見せます。一方で、材質や形が違う商品まで同じ構図へ無理に押し込まず、購入前に必要な特徴が見える方を優先します。

架空の陶器のカップを全体と縁・持ち手の細部で見せる二つの撮影例
全体と細部を分けた説明用の生成画像です。掲載する商品では、実物を撮影して色・形・セット内容を確かめます。

編集は実物との違いを確かめながら行う

撮影後は傾き、明るさ、色味、切り抜き範囲を一つずつ見ます。明るくしすぎて表面の模様が消えたり、彩度を上げて実物と異なる色に見えたりしたら戻します。画面の表示設定によって色は変わるので、一台だけで断定せず、商品そのものと複数の画面で見比べると判断しやすくなります。加工前の元画像を残し、何を直したか分かるようにします。

トリミングでは商品全体を見せる主写真と、意図して拡大した細部写真を混同しないようにします。背景を消す、傷を消すなど、届く商品の状態を誤解させ得る加工は慎重に扱います。撮り直せる場合は、過度な修正よりも光とピントを直した再撮影の方が早いこともあります。

掲載前に用途、権利、表示を確認する

撮影した写真を自社サイトへ載せる前に、撮影者、人物、作品やロゴ、施設の条件を写真ごとに確認します。自分で撮った写真でも掲載や広告への二次利用まで一律に決まるわけではありません。詳しい確認先と記録の残し方は写真の著作権と掲載前チェックにまとめています。

自社の商品ページとGoogle Merchant Centerの商品登録では、写真に求められる条件が異なります。Merchant Centerへ主画像を登録する場合は、現在の商品画像ガイドラインで商品全体の表示や演出、宣伝要素の扱いを確認します。これはすべての自社サイトの写真に同じ規則が適用されるという意味ではありません。掲載先ごとに主写真と補助写真を選び直します。

ページへ置く際は、画像の近くに商品情報を記し、見えない人にも要点が伝わるaltを付けます。Googleの画像検索のベストプラクティスも、関連する本文の近くへの配置と、内容に沿った代替テキストを案内しています。高画質のまま大きなファイルを使わず、表示幅に合わせた容量と形式を検討します。具体的な調整は画像と表示速度の確認手順で扱います。

一商品を撮り直してページで確かめる

最初から全商品を撮り直さず、一つ選んで全体と細部を撮り、商品説明と一緒にスマートフォンの実画面で見てください。色や形、何が含まれるか、写真の読み込み、拡大時の見え方を確認します。足りない角度が分かってから同じ撮影条件を他の商品へ広げると、撮影をやり直す範囲を抑えられます。

写真をどの順番で並べ、商品情報と購入の案内へどうつなぐかは、Bämの通販・ECサイト制作で扱う設計の一部です。相談窓口へは、現状の商品ページと「全体が分かりにくい」「細部が見えない」などの困りごとを伝えられます。写真撮影自体の対応範囲と費用は、必要な商品数や内容に応じて別途確認します。

参考資料

次の一歩読んだあとに

会社の場合も、考えてみませんか。

この内容を相談する→

SEO・集客支援を見る →

この記事を書いた人

Bäm[バム]運営事務局株式会社みやあじよ

株式会社みやあじよの担当者が、調査、執筆、編集、公開前の確認を行います。出典・数字・固有名詞・リンク・読みやすさを、公開の前に人が確かめます。

調べて、書いて、確かめてから公開します記事について連絡する

無料で相談する →