「写真が暗くて、うちのサイトだけ古く見える気がする」。
そんな違和感は、見た目の好みの問題で終わらないことがあります。

暗い写真は、見たい情報が見えにくくなり、安心材料も読み取りづらくなります。結果として「もう少し後で検討しよう」と先延ばしされやすく、問い合わせや応募のきっかけを落としがちです。

一方で、原因が分かれば直し方はシンプルです。撮影の問題なのか、画像データの作り方なのか、端末の見え方なのか、サイト側の見せ方なのかを分けて考えると、ムダな撮り直しや手戻りを減らせます。

この記事では、よくある原因と直す順番をまとめます。自社でできる範囲と、相談した方が早い範囲もはっきりさせます。

写真が暗いと何が起きるか（見た目以上の損）

写真は、文章より先に「この会社は信頼できそうか」を決める材料になりやすいです。特にコーポレートサイトは、商品やサービスが目に見えにくい分、雰囲気や清潔感、誠実さの伝わり方が大きく影響します。

暗い写真で起きやすいのは、次のような状態です。

• 事務所や店舗が狭く、汚れて見える（実際は整っていても）
• 顔が暗く、表情が読めないため、対応のイメージが湧かない
• 施工写真や製品写真の細部が見えず、品質が伝わらない
• トップのメイン画像が重たく見えて、読む前に離脱される

「明るくすれば良い」という話でもありません。大切なのは、初めての人が不安なく判断できる明るさにそろえることです。たとえば、料金表や対応エリアのような情報が整っていても、写真の印象で「なんとなく不安」が残ると、最後の一歩が重くなります。

まずは、次の3か所だけ見直すと状況がつかめます。
トップのメイン画像、サービスや実績の写真、採用や会社案内の人物写真です。ここが暗いと、サイト全体の印象が引っ張られます。

暗く見える原因を切り分ける（撮影・データ・表示・サイト）

暗さの原因は、だいたい4つに分かれます。ここを見誤ると、直したのに暗いまま、ということが起きます。

撮影の問題

撮影が暗い場合、原因は「光が足りない」「光の向きが悪い」のどちらかが多いです。
露出は、写真に入る光の量のことです。露出が低いと、全体が沈んで見えます。

よくあるのは、窓を背にした逆光です。背景が明るいと、カメラが明るさを合わせようとして人物が暗くなります。人物写真は、窓を横に置くか、照明を足すだけでも変わります。

色がくすんで見える場合は、ホワイトバランスがズレていることがあります。ホワイトバランスは、白を白に見せるための色の調整です。蛍光灯と昼光が混ざる場所などで起きやすいので、撮影場所の光をそろえるだけでも改善します。

画像データの問題

撮影した写真自体は悪くないのに、サイトに載せた途端に暗く見えることがあります。
編集画面の見え方と、実際に表示された見え方は条件が違うためです。保存の設定が違うと、明るさや色味が変わることもあります。

また、容量を軽くするために画像を圧縮しすぎると、暗い部分がつぶれて見えやすくなります。圧縮は画像の容量を小さくする処理で、やりすぎると質感が失われます。

表示環境の問題

同じページでも、スマホだけ暗い、あるいは特定の端末だけ暗いことがあります。
画面の明るさ設定や、端末側の自動調整が影響するためです。まずは、複数の端末で確認して「誰の環境でも暗いのか」を切り分けます。

差し替えたはずなのに古い暗い写真が出る場合は、キャッシュが原因のことがあります。キャッシュは、以前表示したデータを閲覧アプリが一時保存する仕組みです。別の端末で見る、違うアプリで開くと、判断しやすくなります。

サイト側の見せ方の問題

写真の上に文字を載せるために、薄い黒い膜をかけている場合があります。文字は読みやすくなりますが、写真は暗く見えます。
また、背景色が濃い、余白が少ないなど、周りのデザインとの組み合わせで暗く感じることもあります。

「写真が暗いのか」「サイトの見せ方で暗く見えるのか」が分かると、直し方が変わります。前者は画像を直す話で、後者はページの作りを直す話です。

暗く見える原因の切り分け早見表

症状	ありがちな原因	まず試すこと	相談が向く場面
全体が沈んで見える	光が足りない	明るい場所で撮り直す	撮り直せない写真が多い
顔だけ暗い	逆光	窓を背にしない	人物写真が複数ある
スマホだけ暗い	端末の自動調整	別端末でも確認する	端末差が大きい
差し替えても暗い	キャッシュ	別端末で見てみる	更新が反映されない
暗部がつぶれて見える	圧縮しすぎ	元データで再作成	画質と速度を両立したい
一部ページだけ暗い	見せ方の影響	背景や膜を見直す	デザインも直したい

表で近い症状が見つかったら、「まず試すこと」を1つだけ試してください。ここで変化が出ると、次にやるべき方向が絞れます。逆に変わらない場合は、別の原因が重なっている可能性が高いです。

自分で直せる範囲と外注が早い範囲（線引きの目安）

写真の暗さは、画像だけ直せば済むケースと、サイト全体の見せ方まで含めて直した方が良いケースがあります。迷いやすいのは、次の境目にいます。

社内で試しやすい作業

ここからは、手元の時間で試しやすい順に並べます。

• まず、暗い写真が「どのページに何枚あるか」を数える
• 撮り直せる写真は、明るい場所で撮り直す（同じ時間帯でそろえる）
• 明るさ調整は、やりすぎず、顔と文字が読める所で止める
• 差し替えたら、別端末でも見て反映を確認する
• トップ画像の黒い膜が強い場合は、薄くして見え方を比べる

この段階で「暗さの原因がひとつに絞れた」なら、自社対応でも進められます。逆に、写真の枚数が多いのに判断が付かない場合は、次の段階へ進んだ方が早いです。

相談した方が早い作業

• 写真の枚数が多く、ページごとに印象がバラついている
• 実績や商品写真で、細部が見えないと困る
• 画質を保ちながら、表示も重くしたくない
• サイトのどこを触れば良いか分からず、更新担当が困っている
• 撮り直しを含めて、全体の見せ方をそろえたい

ここに当てはまる場合、画像の調整だけでは終わらず、優先順位の付け方や、作業範囲の決め方でつまずきがちです。次は、手戻りを減らす直す順番を紹介します。

直す順番（手戻りを減らす進め方）

写真の暗さは、勢いで全部直そうとすると遠回りになりがちです。まず「どの明るさが自社らしいか」を決めてから量をこなす方が、やり直しが減ります。

ここからは、作業が止まりにくい順に並べます。

• 影響が大きいページを3つ選ぶ（トップ、サービス、採用など）
• 暗く見える原因を絞る（端末差、黒い膜、元写真の暗さ）
• 元データを集める（原本、使っている場所、権利の確認）
• 代表の1〜2枚で「基準の見え方」を作る
• 優先ページから差し替え、見え方を確認する
• 最後に表示の重さと崩れを確認する

この順番で進めると、早い段階で「直し方が合っているか」を判断できます。合っていれば残りは同じ基準で進められ、迷いが減ります。

直す順番チェックリスト（手戻り防止）

作業	狙い	社内で可否	つまずきやすい所
優先ページを決める	成果に近い所から直す	可	全部直したくなる
原因を絞る	直す場所を決める	可	端末差を見落とす
元データを集める	画質劣化を防ぐ	可	担当者のPCに散らばる
基準の1枚を作る	明るさをそろえる	可	明るくし過ぎる
テスト差し替え	見え方を先に確認	可	反映が見えにくい
まとめて反映	作業を短期で終える	状況次第	表示崩れの確認漏れ

特に役に立つのが「基準の1枚を作る」です。これがあると、写真ごとの判断が速くなります。逆にここが曖昧だと、ページごとに明るさがバラつきやすく、直したのに統一感が出ません。

差し替えは、いきなり全ページではなく、優先ページから進めます。トップ画像が明るくなるだけでも全体の印象が変わり、社内の合意も取りやすくなります。

費用と投資判断（どこまで頼むかの考え方）

費用は「写真をどう直すか」と「作業範囲の広さ」で変わります。見積もりの前に、次の3つを言葉にしておくと判断が早くなります。

• 目的に近いページはどこか（問い合わせ、採用、来店など）
• 暗い写真は何枚あるか（全体の量）
• 直したいのは写真だけか、見せ方も含むか

写真だけ直す場合は、画像の調整と差し替えが中心です。見せ方まで直す場合は、写真の上に載せる文字、黒い膜の強さ、背景との組み合わせなども含めて見直します。この違いで、作業量が大きく変わります。

社内で「撮り直し」と「調整」で迷うときは、判断基準を1つだけ置くと進みます。たとえば、商品や施工の細部が伝わらないなら撮り直し寄り、雰囲気は伝わるが沈んで見えるだけなら調整寄りです。

外注見積もりで見落としやすい項目

項目	含まれやすい内容	注意点	確認の聞き方
画像調整の範囲	明るさ・色味の補正	基準がないとバラつく	見本は作れますか
差し替え作業	ページへの反映	枚数とページ数で変わる	単位は枚数ですか
見せ方の微調整	膜・文字の見直し	デザイン側の作業も発生	どこまで触れますか
画質と表示の両立	容量の調整	軽さ優先で荒くなる	基準はありますか
撮影の有無	撮影・立ち会い	日程と準備が要る	準備物は何ですか
反映後の確認	端末での見え方確認	想定外の差が出る場合	確認範囲はどこまで

見積もりは、金額だけ見ても判断しづらいです。上の項目がどこまで入っているかで、同じ金額でも得られる結果が変わります。社内の意思決定では「優先ページだけ先に直す案」と「まとめて一気に直す案」を並べると、比べやすくなります。

効果の見方とKPI（改善したかを判断する）

KPIは、成果を判断する目安の数値です。写真の明るさは感覚の話に見えますが、見る数字を決めておくと、社内で話が進みます。

見ると良いのは、目的に直結する行動です。

• 問い合わせが目的なら、フォーム送信数や電話・メールが押された回数
• 採用が目的なら、応募数や応募フォームまでたどり着いた人数
• 来店が目的なら、地図ページの閲覧や予約ページへ移動した回数

比較は、写真を差し替えた日を境に、同じ長さの期間で見ます。季節や繁忙期の影響がある業種は、前月の同じ曜日帯と比べるとブレが小さくなります。

もう一つ気にしたいのは、同時に別の変更をしていないかです。文章の書き換えやボタンの位置変更も行ったなら、そのメモを残しておくと、あとから理由を振り返れます。写真だけ直したつもりでも、サイト側の見せ方を触っていることは多いからです。

リスクとトラブル回避

写真を明るく見せたい気持ちが強いほど、思わぬ落とし穴に入りやすいです。ここでは、起きやすいトラブルと回避の考え方をまとめます。

明るくし過ぎて不自然に見える

よくある失敗は、暗さを消そうとして明るく上げ過ぎることです。壁や床が白く飛ぶと、清潔感より先に「加工した感じ」が出やすくなります。

迷ったら、顔の明るさと文字の読みやすさを基準にします。背景は少し暗めでも問題になりにくく、人物や製品の要点が見える方が安心につながります。

画質が荒れてしまう

暗い写真を無理に持ち上げると、ザラつきが目立つことがあります。元の写真が暗いほど起きやすいので、調整で粘るか、撮り直すかの判断が必要です。

判断が難しいときは、代表の1枚だけ先に試し、サイトに置いた状態で比べます。編集画面で良く見えても、実際のページでは荒さが目立つことがあるためです。

差し替えたらページが重くなる

差し替えで画像が大きくなると、ページの表示が遅くなりやすいです。写真の暗さを直しても、読み込みの遅さで離脱が増えると意味が薄れます。

目安としては、今のサイトで使っている大きさに合わせて画像を用意します。元データをそのまま載せると重くなりやすいので、用途に合う大きさで作り直します。

反映されない、表示が崩れる

差し替えたのに古い写真が見える場合は、端末側に以前の表示が残っていることがあります。別の端末で確認する、見るアプリを変えるだけで判断しやすくなります。

表示崩れは、写真の横長・縦長の形が変わったときに起きやすいです。前の写真と形が違うと、枠に収める過程で切れ方が変わります。差し替えるときは、同じ形の写真を用意するか、見せたい部分を決めて切り出します。

写真の権利と同意で止まる

意外と多いのが、写真の出どころが分からず更新できないケースです。昔の制作時に購入した素材、取引先が撮影した写真、スタッフの写真などは、使える範囲が決まっていることがあります。

差し替えや再利用をする前に、次だけ確認しておくと安心です。

• その写真を誰が撮ったか、購入したか
• どの媒体で使ってよいか
• 人物が写っている場合、公開の同意があるか

ここが曖昧なまま作業を進めると、途中で止まりやすくなります。元データを集める段階で一緒に棚卸しするとスムーズです。

体制と進め方

写真の暗さは、作業自体より「誰が決めるか」で止まりがちです。特に中小企業では、更新担当が手を動かせても、判断が社内で固まらず進まないことがあります。

進めやすい体制は、役割を4つに分ける形です。

• 決める人：目的と優先ページを決める
• 集める人：写真の元データと使用場所を集める
• 触る人：画像の調整と差し替えを行う
• 確認する人：スマホとPCで見え方を確認する

同じ人が兼ねても問題ありません。大事なのは、どこで合意を取るかを先に決めることです。たとえば、代表の1枚を作った段階で「この明るさで行く」と決めると、残りの作業が早くなります。

外部に依頼する場合も、流れは同じです。先に優先ページと基準を決め、次に差し替え範囲を確定させると、見積もりも作業もブレにくくなります。

相談すると何が進むか

原因が分からない段階でも、相談で前に進むことは多いです。自社の状況に当てはめた瞬間に迷いが増えるのは、直し方の候補が複数あるからです。

相談で進みやすくなるのは、次のようなことです。

原因の見当が付く

「撮影が暗い」「見せ方で暗い」「端末で差がある」など、主因の方向が見えると、手を付ける場所が決まります。全部を同時に直す必要がなくなり、時間と費用の見通しが立ちます。

直す順番と範囲が決まる

多くの場合、全ページを同じ熱量で直す必要はありません。成果に近いページから優先し、残りは次のタイミングに回すといった判断がしやすくなります。

仕上がりの基準が作れる

代表の1枚を作り、サイトに置いた状態で「これなら安心」と思える基準ができると、残りの写真もそろえやすくなります。社内で意見が割れやすいテーマほど、見本があると話が進みます。

まとめ

ホームページの写真が暗いときは、まず原因を分けて考えると迷いが減ります。撮影そのものが暗いのか、画像データの作り方なのか、端末の見え方なのか、サイトの見せ方なのかで、直す場所が変わります。

進め方は、優先ページを決め、代表の1枚で基準を作り、少ない範囲から差し替える流れが安全です。早い段階で見え方を確認できるので、やり直しを減らしやすくなります。

写真を直した後は、目的に近い行動の数字を見て、改善したかを判断します。見た目の好みで終わらせず、問い合わせや応募につながる状態を目指すと、社内でも納得が取りやすくなります。

株式会社みやあじよでは、暗く見える原因の切り分け、直す順番の設計、画像の差し替えやページの見せ方の調整までまとめて対応しています。ホームページに関して何かお困りごとございましたら、こちらお問い合わせフォームより気軽にご相談ください。