スマホでホームページ用の写真を撮るなら、まず「柔らかい光・被写体のピント・水平」を整え、少し余白を残して撮ってみましょう。掲載位置によって切り抜き方が変わるため、撮影直後に文字を入れたり、小さく縮めたりせず、元画像も残します。
最初は一つの商品や仕事の場面で試す
日常の店舗紹介や仕事の様子を伝える写真は、手元のスマホから試せます。ただし、大きなメイン写真、細かな質感や正確な色が重要な商品、暗い場所の撮影では、専門の撮影を頼む選択肢もあります。「全部自分で撮る」と決めず、用途と必要な仕上がりで分けましょう。
ここでは、店内の商品や作業場所を撮る場面を例にします。ホームページ全体で何の写真が必要かは、制作前に用意したい原稿・写真・事業情報を参考にしてください。今回は、実際に撮る瞬間と撮影後の作業に絞ります。
撮る前からシャッターまでの3ステップ
1. レンズと背景を整え、窓の近くへ
レンズの汚れを取り、被写体の後ろに段ボール、伝票、私物などが写り込んでいないか確認します。商品なら、直射日光の当たらない窓辺に置いてみます。光が強い場合は薄いカーテン越しにし、真上の照明だけで撮った場合と比べてください。
Adobeも柔らかい窓の光を撮影の選択肢として案内しています。窓を背にした商品が暗くなるときは、窓が横に来る位置へ動かしてみましょう。外観は入口の位置が分かり、強い影で見えにくくならない時間を選びます。
2. 画面を見て、ピントと明るさを合わせる
撮りたい商品や作業箇所を画面上でタップして、そこにピントが合うか確認します。明るさを調整できる機種なら、白い商品が真っ白につぶれたり、黒い部分が見えなくなったりしない範囲で調整します。操作や機能名は機種によって異なります。
両手で構え、肘を体に寄せるなどしてスマホを安定させます。無理にズームして撮る前に、安全な範囲で近づいた写真と比べてみてください。撮影後は画面を拡大し、商品の輪郭や作業箇所がぶれていないかを見ます。
3. 水平と余白を確認して、向きを変えてもう一枚
カメラのグリッド表示が使える場合は、棚や建物の縦横を目安に傾きを確認します。商品や人を画面の端ぎりぎりまで詰めず、上下左右に少し空間を残します。スマホで見せるときや横長の枠へ入れるときに、必要な部分を残しやすくするためです。
同じ場面を横向きと縦向き、全体と寄りで撮っておくと、制作担当が掲載位置に合わせて選べます。必要な余白の量はデザイン次第なので、大きな写真を使う予定なら、撮影前にラフなページ構成を共有すると確実です。
店舗・商品・仕事で、写す範囲を変える
初めて来る人に見せる外観
看板のアップだけでなく、入口と建物の関係が分かる位置から一枚。電柱などで入口が隠れていないかも見ます。営業中の案内が古い場合は、写真を使う前に現状と合っているか確認します。
商品を選ぶ人に見せる写真
全体の形が分かる写真と、素材や仕上がりが見える寄りの写真を組にします。背景を簡素にし、画面を見ながら光の向きを変えて、反射で大事な部分が隠れない位置を探します。
仕事の特徴を伝える写真
道具だけではなく、何をしているか分かる範囲を入れます。作業中の撮影は安全を優先し、無理な姿勢を取らせません。人物や顧客の持ち物・資料が写る場合は、掲載してよい範囲を本人や関係者に確認します。
候補は「きれい」だけでなく、内容が伝わるかで選ぶ
写真を並べて、ピント、傾き、背景の映り込み、現在の事業内容との一致を確認します。似た写真が多いときは、候補を数枚に絞りつつ、別の向きの元画像も残します。商品や内装の色が実物と大きく違って見えないかも確かめましょう。
明るさや傾きを軽く直すのは選択肢ですが、強いフィルターで商品の色や質感まで変えないようにします。元画像は加工版と別に保管します。WordPressの標準画像編集は切り抜きや縮小ができますが、拡大はできません。小さくしたデータしか残っていない状態を避けましょう。
制作担当へは、元画像と短い説明を渡す
メールやチャットでは、送信方法によって画像が縮小される場合があります。共有フォルダやファイル送信など、元の大きさで渡せる方法を制作担当に確認します。文字入れや最終トリミング、Web向けの軽量化は、掲載場所を決めてから行います。
受け渡しメモの例（架空）
写真：entrance-01.jpg
内容：道路側から見た店舗入口。今月撮影、現在の看板。
使いたい場所：店舗案内ページ。初めての来店者に入口を伝える。
候補：この写真を第一候補に。縦向きのentrance-02.jpgもあり。
この説明は、写真の配置や代替テキストを制作担当が判断する助けにもなります。Googleは、画像に関連する本文や説明的な代替テキスト、高品質な画像と読み込み速度の両立を案内しています。撮影だけで検索順位が上がる、AI回答に採用されるという保証ではありません。
手元の写真を見ながら、足りないカットも相談できます
GreenCodingでは、ホームページの目的やページ構成に合わせて、手元の写真の使いどころ、追加で必要なカット、掲載時の切り抜き・画像の軽量化を一緒に整理できます。最初からすべてを撮り直さず、現在の写真と伝えたい商品・仕事を共有してください。
参考にした公式情報
最終確認日：2026年9月13日。撮影例と受け渡しメモは、本記事で示す実務上の提案です。