ホームページを作ったものの、写真をどう用意すればいいか分からない。プロに頼むべきか、フリー素材で十分なのか、判断に迷っている方は多いです。
写真の選び方ひとつで、サイトへの問い合わせ数は変わります。この記事では、プロ撮影・フリー素材・自社撮影の使い分けから、準備・撮影・加工・掲載までの全工程を整理します。
こんな方におすすめの記事です
- 自社ホームページの写真をどう用意するか迷っている
- プロ撮影とフリー素材の使い分けを知りたい
- 撮影前の準備と当日の段取りを整えたい
- 予算と品質のバランスを取る方法を探している
- 画像の権利や許諾まわりで失敗したくない
- 公開前に確認すべき項目をチェックリストで持ちたい
この記事でわかること
- プロ撮影・フリー素材・自社撮影の長所と短所
- ページ別に最適な写真の使い分け方
- 撮影準備から当日の進め方と指示書の作り方
- スマホ撮影でも使える写真を撮るコツ
- 画像の最適化と表示速度改善の基本
- 権利・許諾まわりの実務ポイント
- 公開前に使える最終確認チェックリスト
写真の基本方針は「信頼を伝える要所は実写、背景や装飾はフリー素材、日常の更新は自社撮影」で使い分けることです。まずページごとの役割を決め、必要なカット数を洗い出すところから始めると、費用と工数の無駄を防げます。
実際にご支援した会社では、トップページと採用ページの写真をプロ撮影に切り替えただけで、問い合わせ数が改善したケースがありました。写真は見た目だけでなく、訪問者の「信頼できそう」という判断に直接影響します。
「中小企業のWebマーケティング|戦略ロードマップ」
無料ダウンロード資料配布中
- Webからの集客を増やしたいが、どの施策が効果的かわからない
- ホームページやSNSを活用しているが、問い合わせや売上につながらない
- 少ない予算・人員でも実践できるWebマーケティングの方法を知りたい
- 中小企業が成果を出すためのWebマーケティングの基本と成功ステップ
- 「アクセスが増えない」「問い合わせが少ない」など、よくある課題の解決策
- 限られたリソースでも実践できる、最新のデジタルマーケティング手法
写真準備の全体像|プロ・素材・自社の使い分け方
配置先ページと写真の役割を先に決める
写真を用意する前に、どのページに何の目的で使うかを整理することが重要です。トップページは企業の第一印象を決めるため、自社の実写を基本にします。サービスページは工程や強みが伝わる現場カット、採用ページは人柄や職場の雰囲気が伝わる笑顔の写真が効果的です。
各ページの役割を一言で定義し、「必要な写真」と「なくてもよい写真」を切り分けると、撮影の量と費用を最適化できます。ホームページ制作全体の進め方については、以下の記事も参考にしてください。

プロ撮影・フリー素材・自社撮影の役割分担
三つの方法にはそれぞれ得意な用途があります。信頼を伝えたい要所にはプロ撮影、背景や抽象的なイメージにはフリー素材、日々の現場更新には自社撮影(スマホ)と役割で住み分けると無駄が出ません。
- プロ撮影は品質と統一感が必要な要所に使う
- フリー素材は背景や装飾など脇役の用途に使う
- 自社撮影は現場の様子など日常の更新に使う
- 三つを組み合わせる前提で計画を立てる
- 信頼に直結するページほど実写を優先する
予算とスケジュールの組み方
費用は「撮影時間×人員×後処理」で決まります。まず必要カット数を洗い出し、半日・1日などの枠で見積もりを取ることが先決です。公開日から逆算し、写真の手配を最優先でスケジュールに組み込むと、制作全体の進行が止まりません。
素材は先に仮で当て込み、公開直前に実写へ差し替える進め方も有効です。余白時間に予備カットを撮っておくと、後の差し替えにも対応できます。ホームページ公開までのスケジュール感については、以下の記事も参考にしてください。

プロカメラマン撮影の基本と進め方
プロ撮影のメリット
プロカメラマンは光と構図の扱いに長け、統一感と清潔感のある写真を安定して提供できます。人物の緊張をほぐし、自然な表情を引き出せるのも強みです。色味と角度をそろえることでサイト全体に統一感が生まれ、名刺や採用資料への流用もしやすくなります。
- 光と構図の扱いで清潔感と立体感を出せる
- 色味と角度をそろえてサイト全体に統一感が出る
- 人物の自然な表情を引き出せる
- 名刺や採用資料への流用もしやすい
- 一度の撮影で長期間使えるカットを確保できる
プロ撮影のデメリットと準備のポイント
費用がかかるうえ、場所の確保・清掃・モデル手配・許可取りなど事前準備も多くなります。日程調整が難しいケースもあるため、候補日を複数用意し、雨天時の代替案も準備しておくことが重要です。
無駄撮りを防ぐためには、目的と必要枚数を明確にし、当日の優先順位を指示書で共有しておくことをおすすめします。BtoBの中小企業の場合、代表挨拶・スタッフ紹介・現場の様子など「信頼の根拠」になるカットから優先して予算を割くと、投資回収しやすくなります。
プロ撮影が向いているページと場面
信頼が決め手になる「代表挨拶」「スタッフ紹介」、雰囲気が重要な「店舗・工場・オフィス」、成果を見せる「導入事例・ビフォーアフター」はプロに任せると効果が大きいです。トップページのヒーロー画像や採用ページの人物写真も投資価値が高い領域です。長く使えるカットから優先して撮ることが、コストを最小化するポイントです。
- 代表挨拶やスタッフ紹介など信頼訴求のページ
- 店舗・工場・オフィスなど雰囲気を伝えるページ
- 導入事例やビフォーアフターを見せるページ
- トップページのヒーロー画像
- 採用ページの人物・職場写真
プロ撮影の依頼から納品までの流れ
まず用途と必要カットを伝えて見積もりを取得します。次に目的・構図・枚数・NGをまとめた指示書を共有し、当日の進行をタイムテーブルで固定します。撮影中はその場でプレビュー確認を行い、不足があれば追加撮影します。
- 用途と必要カットを整理して見積もりを依頼する
- 目的・構図・枚数・NGをまとめた指示書を共有する
- タイムテーブルで当日の進行順を固定する
- 撮影直後にその場でプレビュー確認を行う
- 納品後はファイル名と権利表記を確認して保存する
フリー素材の基本と選び方
フリー素材のメリット
素材サイトは検索してすぐダウンロードでき、必要な点数を短時間でそろえられます。定額プランを使えば大量に使ってもコストを抑えられるため、撮影の合間を埋める「つなぎ」として非常に有効です。背景や抽象的なイメージ、説明図的な用途に向いており、公開スピードを上げたい場面でも力を発揮します。
- 検索してすぐダウンロードできるため時間を節約できる
- 定額プランで大量使用してもコストを抑えられる
- 背景や装飾など脇役の用途に使いやすい
- 撮影が間に合わない箇所の仮当てに使える
- 公開スピードを落とさずに進行できる
フリー素材のデメリットと注意点
他社と同じ写真になるリスクがあり、オリジナル性は弱まります。人物素材は「外国人・きれいすぎる」など、現場とのギャップが出やすい点も注意が必要です。権利表記や使用範囲に制限がある場合もあるため、利用規約の確認を怠らないことが重要です。要所では自社実写に置き換え、素材は背景やアクセントに限定すると違和感を小さくできます。
ただし、フリー素材のすべてが信頼を損なうわけではありません。使う場所と目的を明確にすれば、コストと品質のバランスを取りながら十分な仕上がりを実現できます。
フリー素材が向いている場面と選び方のコツ
無機質な背景、テクスチャ、アイコン的要素、抽象的なイメージには素材が向きます。固有名詞や人物の顔が主役になる場面は避け、あくまで要素の一部として使うことが基本です。
- 写真のテイストをそろえて統一感を出す
- 色はブランドカラーに寄せた白背景・淡い色を選ぶ
- 人物素材は自社顧客と年齢・服装感が近いものを選ぶ
- 文字が載るスペースの余白が確保できるか確認する
- 被りが心配な場合はマイナー素材を選ぶ
- 人物の顔が主役になる場面での使用は避ける
プロ・素材・自社撮影の使い分け判断フロー
目的で決める(信頼訴求は実写が有利)
信頼や人柄を伝えたい場面は実写が最適です。手元の作業、現場の清潔感、笑顔は写真の説得力が大きく変わります。一方、装飾や抽象表現、背景の埋め草は素材が効率的です。目的を「信頼」「説明」「装飾」に分け、それぞれの最短手で選ぶと判断に迷いが出ません。成果に直結するページほど実写を優先することをおすすめします。
多くの中小企業のホームページを見てきた中で気づくのは、フリー素材だけで構成されたサイトは、どれだけデザインが整っていても「この会社は本当に存在するのか」という印象を与えてしまうケースが少なくないという点です。
ページ別おすすめの写真構成
各ページで「主役=実写、脇役=素材」のバランスを決め、主役を先に撮ってから素材を合わせると仕上がりが整います。
- トップページは代表・現場・実績の実写をメインにする
- サービスページは工程・ビフォーアフターの実写を使う
- 採用ページは人の表情と職場の雰囲気の実写を優先する
- 背景やアイコンはフリー素材で補完する
- 主役を先に撮ってから素材を合わせる順番で進める
コスト別の現実的な進め方
予算に応じた三段階の進め方を参考にしてください。いずれも最初に要所を決め、後から順次追加すれば無駄が出ません。段階的に導入することで、スピードと品質を両立できます。
- 0円プランは自社スマホと無料素材で最小公開を目指す
- 小予算プランは半日のプロ撮影で人物と現場を押さえる
- 中予算プランは1日撮影でトップ・サービス・採用を網羅する
- 背景や図はいずれのプランでも素材で補完する
- まず要所を決めて後から順次追加する方針で進める
撮影前の準備|ショットリストと指示書の作り方
まず押さえるべき必須カット
撮影前に必要なカットを一覧化しておくことで、当日の撮り逃しを防げます。各カットは横・縦の両方を撮り、文字が載るスペース用に余白も確保しておくことが重要です。
- 外観・看板・受付など会社の顔になる場所
- スタッフ集合と個人の笑顔アップ
- 作業中の手元と現場の様子
- 製品の正対と斜めからのカット
- ビフォーアフターや導入後の様子
- 横・縦の両方と余白多めのスペース用カット
指示書テンプレートの作り方
指示書には目的・使うページ・構図・必要枚数・NG項目を簡潔に記載します。誰が見ても同じ解釈になるよう具体化すると、当日の迷いが減り時間内に必要カットを撮り切れます。衣装や小物・撮影順も明記しておくと、当日の進行がスムーズになります。
例:「採用トップ用/笑顔の半身×3枚/背景は白壁/社名が映る物は避ける」のように一行で書ける粒度が理想です。
衣装・小物・清掃チェックのポイント
撮影前日までに完了させるべき準備をリストで管理しておくと、当日に慌てません。
- 衣装は無地でロゴ控えめ・色は三色以内にそろえる
- 名札・靴・作業着の汚れを事前に確認する
- 机の上の配線を束ね不要物を片付ける
- 壁や床の汚れを前日までに清掃する
- 小物はブランドカラーに合わせてそろえる
- チェックリストで担当を割り振り前日に完了させる
モデル許諾・場所許可の取り方
人物が映る場合は、氏名と掲載範囲を明記した同意書(モデルリリース)を準備します。社員でも同様に扱い、退職後の取り扱いも事前に定めておくことが重要です。外部施設は撮影可否・時間帯・機材の持ち込み規約を確認し、公開先やSNS二次利用も含めて許可を取得します。許諾の保存先と期限を統一しておくと、後日の差し替え対応もスムーズになります。
撮影当日の段取りと品質確保
タイムテーブルと役割分担の作り方
開始・終了時刻、移動、食事、休憩、予備時間まで含めた表を作成します。現場案内・モデル誘導・小物準備・チェック役など役割を分けておくと、撮影の流れが止まりません。遅延時は優先カットに切り替える判断基準を事前に決めておくことで、時間内に必須素材を確実に確保できます。
明るさ・背景・小道具の整え方
窓の近くや均一な照明の下を選び、逆光時はレースカーテンやレフ板で調整します。背景は白壁や整った棚を使い、不要物は写る前に移動させます。小道具はブランドカラーに合わせ、机の上は三点以内に整理するとすっきりした印象になります。現場の騒音や立ち入り制限も事前に把握し、撮影の流れを止めない工夫を徹底することが重要です。
その場プレビューと予備カットの確保
撮影直後に画面で確認し、ピント・構図・表情・反射・写り込みをチェックします。不足があればその場で撮り直すことが、後工程の手戻りを防ぐ最善策です。時間が余ったら表情のバリエーションや背景素材・手元の寄りなど予備カットを追加しておくと、後日バナーやSNS投稿にも活用できます。
スマホ撮影で使える写真を撮るコツ
明るい場所・シンプル背景・水平の三原則
窓際など明るい場所を選び、背景は白壁や無地のボードに統一します。画面のグリッド機能をオンにして水平を意識するだけで、素人っぽさが大きく改善されます。被写体との距離を一定に保ち、余白を多めに撮ればトリミングで後から調整できます。光・背景・水平の三点を守るだけで、Webに使えるレベルの写真が安定して撮れます。
ブレ防止と逆光対策の基本
手ブレは肘を体に付け、壁や机に固定することで大きく減らせます。シャッターは連写で数枚撮り、ピントが合った一枚を選ぶ方法が確実です。逆光は露出を指で調整し、顔が暗い場合は少し横から撮影します。小さなLEDライトを一つ用意しておくと、室内撮影の質が安定します。
色補正と書き出しの設定
トリミングで水平と余白を整え、明るさ・コントラスト・色温度を軽く調整します。加工はやりすぎないことがコツです。書き出しは長辺2000px前後・JPEG品質70〜85程度を目安に、用途に合わせて保存します。元データは必ず別フォルダで保管しておくことをおすすめします。
画像の加工と最適化|Web表示速度を落とさない方法
サイズ・形式・圧縮の基本設定
ヒーローは横長(例:1920×1080)、サムネは横長(1200×630)か正方形(1200×1200)、カードは正方形(800×800)を基準にします。表示場所に合う比率で用意することで、トリミング事故を防げます。
- 写真はJPEG・透過やロゴはPNGを使い分ける
- 軽量化が必要な場合はWebP形式も有効
- アイコンやロゴはSVGでシャープに表示する
- 圧縮は目視で劣化が分からない範囲にとどめる
- 同じ画像を何度も再圧縮しないよう元データを保管する
- 自動圧縮ツールで画質と軽さのバランスを定義する
ファイル名・代替テキスト・キャプションの付け方
ファイル名は内容が分かる英数字で「date_subject_01.jpg」のように命名します。代替テキスト(altテキスト)は「何が写っているか」を簡潔に記述し、空白にしないことが基本です。キャプションは必要な場合だけ使い、説明を短く添えます。検索とアクセシビリティの両面で効果があり、後から探しやすくなります。
表示速度対策|圧縮と遅延読み込みの設定
画像はページの中で最も重いデータです。事前の圧縮に加え、遅延読み込み(Lazy Load:画面に表示されるタイミングで初めて読み込む仕組み)を設定することで、初回表示の負荷を下げられます。不要な巨大画像や未使用のスライドは削除し、定期的に点検することをおすすめします。表示速度は離脱率に直結するため、公開後も重い箇所から順に改善する習慣が重要です。
権利・許諾まわりのトラブル回避
著作権・ライセンスの基礎確認
素材は必ず利用規約を確認し、商用利用の可否・再配布不可・クレジット要否を把握します。二次配布NGのデータを他部署へ展開しないなど、社内ルールの徹底も必要です。撮影写真でも、外部の絵画やポスターが写り込む場合は注意が必要です。疑わしい場合は差し替えを選択し、リスクを取らない運用を原則にすることが安全です。
肖像権・モデルリリースの実務
人物が特定できる写真は、掲載先と期間を明記した同意書(モデルリリース)を取得します。社員でも同様に扱い、退職時の取り扱いも事前に定めます。未成年は保護者の同意が必要です。公開範囲を拡大する際は再同意を取り、記録は安全な場所に保存します。
商標・施設・作品の写り込み注意点
他社ロゴ・商品パッケージ・展示物・アート作品などの写り込みには注意が必要です。必要に応じてぼかしや角度変更で回避します。施設内は撮影規約を確認し、SNSへの二次利用も含めて許可を取得しておくことが重要です。後からの差し替えや削除はコストが大きいため、事前チェックでトラブルを防ぐことが現実的な対策です。
公開前の最終確認チェックリスト
画質・サイズ・権利・ALT・速度の5点確認
公開前に以下の5点を必ず確認することをおすすめします。担当者以外の目でも点検することで、見落としを防げます。
- 画質は拡大してピントとノイズを確認する
- サイズは表示比率に合っているか確認する
- 権利は台帳で商用可とクレジット要否を再確認する
- ALTテキストは内容を簡潔に説明しているか確認する
- 速度は圧縮と遅延読み込みの設定を確認する
スマホ実機での表示確認
実機でスクロールし、写真の切れや文字との重なりを確認します。ボタンに指がかぶらないか、タップ時に誤操作がないかも点検が必要です。暗い画面でも見える明るさか、回線が遅い時の読み込みに問題がないかも複数台で確認することをおすすめします。最終的なOKは実機確認で出すことが、公開後のトラブルを防ぐ最善策です。
ホームページの公開前チェック全体については、以下の記事も参考にしてください。

まとめ
写真の基本方針は「信頼を伝える要所は実写、背景や装飾はフリー素材、日常の更新は自社撮影」で使い分けることです。まずページごとの役割を決め、必要なカット数を洗い出すところから始めると、費用と工数の無駄を防げます。
ショットリストと指示書で準備を固め、当日は優先カットを確実に撮り切ります。加工はサイズと形式を決めて統一し、権利と表示速度を公開前に確認します。公開後も四半期ごとに写真を見直し、鮮度を保つ運用が長期的な信頼につながります。
ホームページ制作全体の進め方を体系的に理解したい場合は、以下のガイドも参考にしてください。

1分でできるWebサイト無料診断のご案内
「今のWebサイト、このままで大丈夫かな?」と感じたら、まずは1分でできる無料診断をご利用ください。いくつかの簡単な質問に答えるだけで、現状の改善ポイントが見えるようになります。結果をもとに、優先順位(どこから直すと効果が出やすいか)をわかりやすく整理してお伝えします。まだ制作やリニューアルを決めていない段階でも問題ありません。売り込みではなく、現状把握のための診断として気軽にお申し込みください。
- 現状の課題ポイントを簡単に整理
- 改善の優先順位をわかりやすく提示
- 問い合わせ導線の見直し観点を共有
- 必要なら次の一手を具体的に提案
- 無理な営業なしで安心して相談可能
人気の関連資料のご案内
準備をスムーズに進められるよう、無料のチェックリストやテンプレートをご用意しています。制作前の要件定義シート、原稿作成の見出しテンプレ、SEOの基本チェックなど、すぐに実務で使える内容です。ダウンロードして社内共有し、共通認識づくりにお役立てください。
- 中小企業のウェブマーケティングロードマップ
- 今のホームページで大丈夫?ホームページ診断チェックリスト
- 採用×ホームページ|自社にあった人材を採用するためのコンテンツ戦略ガイド
- 基礎からわかるWebマーケティング入門ガイド
月額9800円〜|フルオーダーのサブスクホームページ
最近ではホームページのサブスクサービスも出てきており、高いデザイン性やクオリティのサイトがコストを押さえて運用することができるようになりました。
ウィルサポは月額9,800円からオリジナルのホームページをもてるサブスクサービスです。
SEO面もしっかりと対策した上で、お客様のビジネスの成長をサポートさせていただきます。LP制作や新規サイトはもちろん、サイトのリニューアルにも対応しております。
- 初期費用なしで月額9,800円から
- フルオーダーでデザイン作成
- サーバー、ドメイン費用無料
- サイトの保守費用無料
- 契約期間の縛りなし
- 集客サポートプランあり



