本文へ移動
お問い合わせ LINEで相談

ホームページ用の写真を撮る前に|撮影リストと素材整理の実務

ホームページに使う外観・仕事風景・人物写真と撮影リストのイラスト

写真をたくさん集めても、ホームページに使える素材がそろうとは限りません。横長の見出し画像が必要なのに縦写真しかない、担当者の紹介を載せたいのに人物が小さく写っている、といった不足が起こります。撮影の前に「どのページで何を伝えるか」を決めると、必要なカットと確認事項を整理できます。

ページと写真の役割を対応させる

トップの大きな写真は事業の雰囲気を伝え、サービスページでは作業の様子や設備の特徴を説明し、会社紹介では働く人や場所の理解を助けます。同じ建物の写真を何枚も使うより、役割が異なる写真を選ぶ方が情報が増えます。最初にページ一覧をつくり、各ページで必要な写真を一行ずつ書き出しましょう。

たとえば「サービスの手順を説明する写真」なら、作業前・作業中・確認場面という分け方ができます。実際の顧客情報が写る場合は、撮影用に安全な状態を用意します。利用者の個人情報や秘密情報が含まれる書類、モニター、名札は、後から画像処理すればよいと考えず、撮影時点で避ける方が確実です。

必要な構図を撮影リストへ書く

撮影リストには、被写体、用途、向き、担当者、確認事項を入れます。「外観・会社紹介・横向き・入口の社名を読めるように」のように、撮影者が判断できる内容にします。スマートフォン表示では左右が切り取られることもあるため、主な被写体を端へ寄せすぎず、余白を残したカットも撮っておきます。

文字を重ねる予定の写真は、背景の明暗や細かさも確認します。人物の顔や重要な機械の表示に文字が重ならないよう、配置の想定を制作担当者と共有してください。写真に文字を直接焼き込むより、ページ側に文章として置く方が、変更や読み上げへの対応を進めやすくなります。完成する画面の比率が分からなければ、撮影前に相談しましょう。

スマートフォン撮影でも元画像を残す

まずレンズを拭き、明るさを確かめ、少し角度を変えて数枚撮ります。強い逆光や天井照明の反射があると、必要な部分が見えにくくなります。拡大してピントを確認し、画面全体で見ただけで判断しないことが大切です。デジタルで大きく拡大して撮るより、可能な範囲で適切な距離へ移動して撮影します。

共有のためにメッセージアプリを使うと、設定によって画像が縮小される場合があります。編集前の元ファイルを別に保管し、受け渡し方法を確認してください。Web用に軽量化する画像と、後日チラシへ使う元画像は役割が違います。元画像を小さなWeb用画像で上書きしない運用にすると、別媒体へ展開するときにも選択肢を残せます。

掲載してよい素材かを記録する

撮影者、撮影日、利用できる媒体、人物や施設の確認状況を素材一覧へ残します。撮影データを持っていることと、希望する用途で利用できることは同じではありません。過去に外部カメラマンへ依頼した写真や購入素材は、契約・利用規約を読み直し、加工やWeb掲載の条件を確かめます。

文化庁の写真・イラスト利用に関する契約資料でも、利用の形態を具体的に扱っています。判断が難しい権利関係は権利者や専門家へ確認し、推測で許可済みにしないようにしましょう。人物の掲載範囲や退職後の扱いなど、社内の運用も別に決めておくと、後日の差し替えがしやすくなります。

ファイル名と選定結果をそろえる

「IMG_1234」のままでも原本は残せますが、提出一覧に用途がなければ取り違えが起こります。「会社紹介/外観/候補A」といった管理番号と元ファイル名を対応させ、採用・保留・使用不可を分けてください。似た写真をすべて本文へ入れるより、何が違うか説明できるものを選びます。

修正指示は「こちらの写真」ではなく管理番号で伝えます。色調整やトリミングが必要なら、元画像を添えたうえで、残す部分と避ける部分を具体的に示してください。顧客名などを隠す場合は、掲載用の書き出し画像で処理を確認し、元データの閲覧権限にも注意します。公開前は実際の表示サイズで、小さな写り込みまで確かめます。

半日の撮影を想定して準備する例

仮に社内で半日だけ撮影するなら、外観、人物、作業、設備の順に必要な条件を確認します。外観は天候や光の向き、人物は出勤予定、作業は安全な状態と撮影可能な時間に左右されます。撮影の順番を見た目だけで決めず、準備する人や場所を押さえる必要があります。限られた時間では、必須のカットから先に確保しましょう。

一つの作業を撮る場合も、全体が分かる写真と、手元の特徴が分かる写真を分けて用意します。作業風景だけでは何をしているか伝わらないなら、短い説明文も担当者へ聞いておきます。実際の工程と違う並びで写真を使うと、誤った手順に見える場合があります。写真の採用時にも、内容を知る人へ順序や説明を確認してください。

人物紹介では、顔の位置だけでなく、背景や服装、視線の違いが紙面の統一に影響します。同じ用途の写真は撮影条件をそろえると配置しやすくなります。ただし本人の意向や掲載範囲も確認し、無理に撮影・掲載を進めないようにします。写真を使わない紹介方法が必要なら、制作担当者と文章や図の構成を考えられます。

撮影後すぐに、暗い、ぶれている、必要な部分が切れているなどの不足を確認します。担当者が帰った後や設備を片付けた後では撮り直しにくくなります。すべてをその場で選び切る必要はありませんが、必須カットが使える状態かは早めに見ておきましょう。撮影リストの欄へ、撮影済みと再確認を記録します。

採用する写真の判断をそろえる

候補を選ぶときは、きれいかどうかだけでなく、何を説明するかを一枚ずつ確認します。似た写真が複数あるなら、情報の違いが分かる方を選びます。写真を増やしすぎると、ページが長くなるだけでなく読み込みの負担も増えます。枚数に目標を置くより、読者が知りたい場面を過不足なく示せているかを基準にしましょう。

トリミングの確認では、PCとスマートフォンの両方を見ます。横長で問題なくても、縦に近い表示では人物の顔や設備の要点が切れることがあります。重要な部分が中央にない場合は、別のカットや表示方法を検討してください。元画像があるから自由に切れるとは限らず、写っていない余白を後から取り戻せないこともあります。

権利や掲載条件の確認が終わっていない写真は、採用候補と公開可を分けます。制作画面へ置いたことが、そのまま掲載許可になるわけではありません。確認者と確認日を素材一覧へ残し、条件がある場合は説明も添えます。後日の利用媒体が増えたときに、最初の許可の範囲を見返せることが大切です。

納品時は、採用した画像と元画像の対応を残します。公開用に軽量化したファイルだけを保管すると、印刷や改修で再利用する際に困る場合があります。原本、編集用、公開用の保管場所とアクセスできる人を決め、個人の端末だけに依存しない形に整えましょう。素材の整理まで含めて準備すると、次の更新にも使える写真資料になります。

写真を説明する文章も準備する

画像の役割によって、代替テキストの内容は変わります。W3Cの画像チュートリアルは、情報を伝える画像と装飾画像などを区別しています。重要な設備の写真なら何を示しているかを短く説明し、飾りだけの画像には長い説明を無理につけません。写真の横に同じ説明がある場合は、重複も含めて制作担当者が調整します。

素材が不足していると分かったら、無関係な写真で埋める前に、文章や図で説明できるかを検討しましょう。写真は見栄えを整えるだけのものではありません。ホームページ制作の準備では、写真の枚数よりも、読者の疑問に答える場面がそろっているかを基準にすると、撮影の優先順位を決めやすくなります。

参考情報

ご相談の目的に合わせた、エルスタのサポート。

関連サービス

事業の次の一歩を、
Webから。

お問い合わせ

新規制作も、今あるサイトの見直しも。目的と課題を整理するところからお話ししましょう。