ホームページの写真は、高価なカメラより「何を伝える写真なのか」が決まっているかで印象が変わります。
店舗なら入りやすさ、商品なら大きさや質感、スタッフなら相談しやすい雰囲気。掲載場所ごとの役割を先に決め、余計な物を片付け、明るい窓の近くで撮る。この順番だけでも、なんとなく撮った写真から抜け出せます。
スマートフォンで十分な場面も多い一方、建築、料理、人物を高い品質でそろえたい場合はプロへ依頼した方が早いこともあります。自分で撮る範囲と外注する範囲を分けながら進めましょう。
ホームページ写真は「きれい」だけでは足りない
写真の目的は、ページを華やかにすることではありません。文章だけでは伝えにくい情報を短い時間で補うことです。
店舗の外観写真なら、入口がどこか、看板が見えるか、道路からどう見えるか。来店前の不安を減らす情報が写っている方が役に立ちます。商品なら全体、細部、使用時の大きさが分かる写真が必要です。
撮影前に「この写真を見た人に、〇〇だと分かってほしい」と一文にしてください。空欄が埋まらない写真は使いどころに困りがちです。
撮影前に決める5つの写真
ホームページ全体を一度に考えると、必要な写真が増えすぎます。まずは役割の異なる5種類へ分け、どのページで何を伝えるか整理しましょう。
| 写真 | 伝える内容 | 掲載場所 |
|---|---|---|
| メイン写真 | 事業の第一印象 | トップ上部 |
| 外観・内観 | 場所、広さ、清潔感 | 店舗・会社案内 |
| 商品・サービス | 形、質感、利用場面 | 商品ページ |
| スタッフ | 顔、役割、相談しやすさ | 会社概要・採用 |
| 作業風景 | 進め方、設備 | 強み・選ばれる理由 |
同じ構図を何枚も撮るより、役割の違う写真をそろえる方がページを組みやすくなります。
スマホ撮影前の準備
撮影を始める前に、画質を落とす原因と掲載後に困る要素を先に取り除きます。次の3点は数分で確認でき、撮り直しを減らしやすい準備です。
レンズを拭く
スマートフォンのレンズには指紋や皮脂が付きやすく、光がにじんで白っぽい写真になります。柔らかい布で軽く拭き、試し撮りを拡大します。
写る範囲と周囲を片付ける
鏡やガラスへの映り込み、机の配線、段ボール、個人情報が見える書類も確認。読者に見てほしい主役より先に目へ入る物を減らします。
掲載場所の比率を確認する
トップの横長写真とスタッフ紹介の縦長写真では余白が違います。同じ場面で横、縦、正方形、少し引いた写真を撮り分けます。
自然光で明るさを整える
室内撮影では、窓から入る柔らかい光を使うと色と質感を出しやすくなります。被写体を窓の近くへ置き、光が真横か斜め前から当たる位置を探します。
窓を背にして撮影すると被写体が暗くなりやすいので注意。直射日光が強すぎる日は薄いカーテン越しに撮るか、窓から少し離します。
天井照明と窓光を混ぜると白い壁が黄や緑に見えることがあります。色が不自然なら、室内照明を消した状態も試してください。
写真の印象を変える構図の基本
構図で意識したいのは、主役、線の傾き、余白の3点です。複雑な撮影技法より、見る人が迷わず内容をつかめる状態を優先します。
主役を1つに絞る
商品、植物、パソコン、資料を全部目立たせると何の写真か分かりません。主役を1つ決め、ほかは状況を伝える脇役にします。
水平と垂直を合わせる
店舗や室内では柱、窓枠、棚が大きく傾くと落ち着かない印象になります。グリッドを表示し、中央付近の縦線を基準にします。
目線の高さを変える
立ったまま胸の高さで撮るだけでは写真が似通います。商品と同じ高さまで下げる、作業する手元へ寄る、店舗全体は少し高い位置から撮る。目線を変えると伝わる情報も変わります。
文字を置く余白を残す
トップのメイン写真へコピーを置くなら、主役を左右へ寄せ、反対側に明るさが均一な余白を残した写真も撮ります。
写真の種類別に気をつけたいこと
同じ撮り方をすべての被写体へ当てはめると、必要な情報が欠けてしまいます。店舗、商品、スタッフのそれぞれで、見る人が確認したい内容に合わせて撮り分けます。
店舗・オフィス
外観は正面だけでなく、道路から見た入口、看板、駐車場からの経路も撮ります。内観は部屋の角から対角線方向へ撮ると広さを伝えやすくなります。ただし実際以上に誇張しないこと。
商品・料理
全体、斜め45度、細部、利用中の大きさというように役割を変えます。料理は時間とともに表面が変わるため、テーブルと食器の位置を先に決めます。
スタッフ
掲載場所と目的を説明し、本人の同意を得ます。制服、名札、背景の個人情報も確認。カメラ目線の写真と、自然な作業風景を分けて撮ります。
撮影後に残す写真を選ぶ
枚数が多いほど選びやすいとは限りません。似た写真を並べ、技術的な失敗と伝わりにくさを順番に確認します。
- ピントが合い手ぶれしていない
- 主役が最初に目へ入る
- 水平・垂直が崩れていない
- 背景に不要物や個人情報がない
- 掲載場所へ切り抜ける余白がある
- 実際の商品や店舗と印象が離れていない
強いフィルターで別の素材や空間に見せるより、複数写真の明るさと色味をそろえる程度に留めます。
ホームページ掲載前の画像処理
掲載幅に合う寸法へ縮小し、見た目を確認しながら圧縮します。元データは別に保存し、加工後と分けてください。
ファイル名はIMG_1234のままではなく、shop-entranceなど内容が分かる名前へ変更。意味のある写真には内容を説明する代替テキストを設定します。
プロへ依頼した方がよいケース
自社撮影で十分な場面がある一方、用途や撮影量によっては外注した方が時間と品質を両立できます。次の条件が重なる場合は、撮影者への依頼を検討します。
- 会社や店舗の第一印象を刷新する
- 建築や狭い室内を正確に撮りたい
- 商品点数が多く色と構図を統一したい
- スタッフを短時間で多数撮影する
- 広告や印刷物にも使う
依頼時は枚数だけでなく、掲載ページ、縦横比、写真ごとの目的、文字を置く位置まで共有します。制作会社選びはホームページ制作会社の選び方も参考になります。
撮影当日に使える進行表
撮影が長引く原因は、カメラの操作より「次に何を撮るか」が決まっていないことです。掲載場所と必要な向きを一覧にし、同じ場所で撮れる写真をまとめて進めると、片付けや照明のやり直しを減らせます。
掲載場所から逆算する
トップページのメイン画像、サービス紹介、会社案内、スタッフ紹介、お問い合わせ付近など、写真を置く場所を先に書き出します。各欄には「伝えたい印象」「主役」「横長・縦長」「文字を置く側」を記入。たとえばメイン画像なら、写真単体の美しさだけでなく、見出しが重ならない余白まで必要です。
同じ被写体でも、横長、正方形に近い構図、縦長をそれぞれ撮っておくと、パソコンとスマートフォンでの切り替えに対応しやすくなります。後から無理に切り抜くより、撮影時に数歩下がって余白を確保した方が自然です。
1カットにつき構図を変えて残す
1回シャッターを押して次へ進まず、正面、斜め、寄り、引きの順で数枚ずつ残します。手ぶれや一瞬の表情だけでなく、ホームページへ置いたときの文字との相性も比較できるからです。
商品や料理は、全体像だけでなく質感が分かる寄りの写真も必要になります。店舗なら入口、受付、客席、設備、外から見た位置関係まで撮ると、初めて訪れる人の不安を減らせます。ただし、防犯情報、個人情報、車のナンバー、伝票などが写らないよう撮影前後に拡大確認してください。
撮り直すか迷ったときの判断基準
撮影直後のスマホ画面では良く見えても、大きな画面へ表示すると傾きやピントの甘さが目立つことがあります。次の基準で「補正で直る問題」と「撮り直した方が早い問題」を分けます。
| 状態 | 対応 |
|---|---|
| 少し暗い、色がわずかに偏る | 明るさや色温度を控えめに補正する |
| 背景に不要物がある | 小さければ切り抜きを検討し、大きければ撮り直す |
| ピントが主役から外れている | 補正では戻らないため撮り直す |
| 顔や商品に強い影がある | 立ち位置や光の向きを変えて撮り直す |
| 文字を置く余白が足りない | 広めの構図で撮り直す |
補正を重ねるほど画質が良くなるわけではありません。特にピント、手ぶれ、切れた被写体は後処理で自然に戻しにくい部分。撮影場所を片付ける前に、必要な写真を大きく表示して確認しておくと安心です。
人物・施設を撮る前の確認
スタッフや利用者が写る写真は、掲載場所と利用期間を説明し、公開の同意を確認します。退職や契約終了後の扱い、SNSでも使うかまで決めておくと、後から差し替える範囲が明確です。口頭確認だけで済ませず、社内で確認記録を残してください。
店内やオフィスでは、氏名が書かれた書類、予定表、パソコン画面、伝票、宅配ラベルなどが小さく写り込むことがあります。撮影時に隠し、掲載前には原寸表示でもう一度確認します。ぼかし加工へ頼るより、最初から写さない方が確実です。
写真データを迷わず管理する
ファイル名を撮影時の番号のままにすると、差し替え時に目的の写真を探しにくくなります。「office-entrance」「service-consulting」のように内容が分かる半角英数字へ変更し、元画像と掲載用画像を別フォルダに保存します。
掲載用へ縮小した後も元画像は残しておきます。別の比率が必要になったとき、縮小画像を拡大すると画質が落ちるためです。ただし同じ写真を何重にも複製せず、採用、保留、不採用を分けて管理すると容量と選定の手間を抑えられます。
よくある質問
最後に、スマートフォン撮影で迷いやすい機能、素材写真との使い分け、撮影枚数について整理します。
スマホのポートレートモードは使えますか？
人物や小物には使えますが、髪、眼鏡、商品の細い部分でぼかしが不自然になることがあります。通常モードも撮り、境界を拡大してください。
写真素材サイトの画像だけでは駄目ですか？
概念説明には使えますが、店舗、スタッフ、設備、実際の商品を伝える場所では自社写真の方が情報になります。素材写真を実際の施設のように見せる使い方は避けます。
何枚くらい撮ればよいですか？
必要枚数より構図と向きを変えることを優先します。1場面につき引き、標準、寄り、横、縦を撮ると選択肢を作りやすくなります。
まとめ
ホームページ写真で最初に決めるのはカメラ設定ではなく「何を分かってほしいか」です。レンズを拭き、写る範囲を整え、窓光の向きを確認。主役を1つに絞り、掲載場所に合わせて横・縦・余白ありを撮り分けます。
リニューアル全体の判断はホームページリニューアルの判断基準もあわせて確認できます。
コメント