美容院ホームページに使う写真の撮り方｜スマホでも上質に見せる7つのコツ

サロンHPの「写真の質」が予約率を決める

美容院のHPでお客様が最初に見るのは、写真です。文章を読む前に、3秒で「このサロンに行きたいかどうか」が決まります。

つまり、写真の質が直接予約率に影響するということ。プロカメラマンに依頼すれば10万円超かかりますが、最近のスマホ（iPhone 13以降、Pixel 7以降）であれば、コツを押さえるだけでプロに匹敵する写真が撮れます。

必要な写真は5カテゴリ

1. 店舗外観（1枚）

• 店舗の顔となる写真
• 看板・入口がはっきり写るアングル

2. 内観・座席（3〜5枚）

• セット面・シャンプー台・待合スペース
• 店内の雰囲気が伝わる広角ショット

3. 施術例（10枚以上）

• ビフォーアフター
• スタイル別（ロング・ショート・ボブなど）
• カラー別

4. スタッフ写真（人数分）

• 顔写真（上半身まで）
• 自然な笑顔
• 統一感のある背景

5. ヒーロー画像（1枚）

• HPトップ用の代表写真
• 横長（16:9）が基本

スマホ撮影で見違える7つのコツ

コツ1: 自然光を使う

• 窓際で午前10時〜午後3時の自然光がベスト
• 蛍光灯の店内照明は色味が黄色っぽくなりがちで NG
• 曇りの日は逆に光が柔らかくなって◎

コツ2: 縦ではなく横で撮る

• HPは横長レイアウトが基本
• 縦写真は使い回しが効きにくい
• 例外: スタッフのポートレート（縦でもOK）

コツ3: 構図は「3分割」を意識

• 画面を縦横3等分した線（グリッド）の交点に被写体を置く
• iPhone のカメラ設定で「グリッド」をオンにする
• 中央配置より、サブジェクトが「やや左 or やや右」だと印象的に

コツ4: 「物」より「空間」を見せる

• 椅子や鏡だけを撮るのではなく、周囲の空気感を含める
• 観葉植物・窓からの光・小物などを画角に入れる

コツ5: 高さは目線より低めに

• 椅子の高さ or それより低い位置で撮ると、店内が広く感じる
• スマホを膝の高さに構えるイメージ

コツ6: 編集アプリで「明るさ＋10〜20%」「コントラスト＋5%」

• iPhone の写真アプリでも十分
• 「明るさ」と「シャドウ」を少し上げると清潔感UP
• 鮮やかさは上げすぎない（不自然になる）
• 推奨アプリ: VSCO、Lightroom Mobile、Snapseed

コツ7: 全体のトーンを揃える

• すべての写真で同じフィルター or 編集設定を使う
• HP全体に統一感が生まれる
• 「白寄り」or「ベージュ系」など、サロンの世界観に合わせる

撮影シチュエーション別 NG例

店舗外観の NG

• ❌ 雨の日に撮る（暗くなる）
• ❌ 人や車が画面に映る
• ❌ 真上から逆光で撮る

内観の NG

• ❌ お客様が映り込む
• ❌ 散らかった状態（コード類・私物）
• ❌ 暗い・黄色っぽい蛍光灯の下

施術例の NG

• ❌ 許諾を取らずに掲載
• ❌ 顔がはっきり写る（モデルの了承なしの場合）
• ❌ 画質が荒い（旧スマホで撮ったもの）

スタッフの NG

• ❌ プライベートな写真の流用
• ❌ 不機嫌そうな表情
• ❌ 背景が雑然としている

写真の解像度と容量の目安

スマホの初期設定だと数MBになるため、保存前にリサイズ・圧縮する。

推奨ツール（無料）

• TinyPNG: 自動圧縮
• Squoosh: Google製・細かい調整可
• iOS の写真アプリ「サイズ変更」: 標準機能で十分

撮影タイミング: 開業前 or 開店後？

開業前の撮影が圧倒的におすすめ。

理由:

• まだお客様が来ない時間帯なので構図に集中できる
• 内観がもっとも綺麗な状態
• HP公開と同時にプロ仕様の写真を載せられる

開店後も季節ごと（年4回）に撮り直して、新しい施術例を追加すると、HPの鮮度を保てます。

写真撮影プランの予算別おすすめ

開業初期は ¥0〜¥5,000 で自分で撮影し、売上が安定したらプロ撮影に切り替えるのが現実的。

写真を活かす HP テンプレートを選ぶ

写真の質が良くても、HP の組み込み方が悪いと魅力が伝わりません。

良いHP テンプレートの条件:

• 大きく写真を表示できる（横幅100%対応）
• スライドショー対応（複数枚の流れる演出）
• 動画も表示可能
• 写真と文章のバランスが良いレイアウト

写真を最大限活かす自動HP生成サービス

Linq のHP自動生成機能は、写真を最大限活かす設計：

• ヘッダー：動画 + 最大5枚画像の自動スライドショー
• サロンメッセージ・特徴セクション：画像＋テキストの大きなサイドバイサイド構成
• メニュー・スタッフ写真：カード形式でグリッド表示
• 4種類のアニメーション（ズーム/フェード/スライド）

スマホで撮った写真をアップロードするだけで、本格的なサロンサイトが完成します。

Linq の自動HP例を見る / 30日間無料で試す。