ALPHA LASER JAPAN|会社案内FV 差し替え候補

2026-09-17 / 社内確認用 / 会社案内ページの下層FV(COMPANY の帯)を「ALJ company.jpg」に差し替えたときの見え方

前提(実測値)

帯の実寸PC1440 = 1440×320(4.5:1)/SP390 = 390×190(2.05:1)
写真1200×800(3:2)。幅がちょうど枠に合うため左右は切れず、縦だけが切られる。PCでは高さの33%しか映らない
効くのは縦位置だけ縦50%と55%の間に境目がある。「COMPANY」の背後が白い外壁か濃いガラス枠かで入れ替わる

候補の比較

中身ロゴが写るかCOMPANYの読みやすさ帯の高さ
現行photo-office.jpg4.43:1(基準)320px
案1縦45%・CSSそのまま写らない5.76:1320px
案2縦80%・CSSそのまま写る2.49:1(基準の半分近く)320px
案3
推奨
縦80% + 左上を白くするグラデーション(会社案内だけに適用)写る6.12:1320px
案4案3 + 帯を320→430pxに写る6.91:1430px(他の下層ページと不揃い)

読みやすさの測り方:タイトルを非表示にして背後の実背景だけを撮り、文字色との明るさの比を出しています。値は最悪側(背景の暗いほう5%)。数字が大きいほど読みやすい。

グラデーションは会社案内だけに当てます。同じ帯のスタイルをお問い合わせページとサンクスページも使っているため、専用のクラスを足す形にします。

実装しました(案3)

静的HTMLへ反映済み。社内確認用の配信はこちらです(noindex・共有していません)。

https://alj-static-ltku9msw.pages.dev/company

実測:COMPANYの読みやすさ PC 6.10:1 / SP 5.48:1(現行基準 4.43:1)。お問い合わせ・サンクス・製品ページは従来の見え方のまま(スクリム 0.46 を維持)。

もう1点だけ決めてください|経営理念の丸い写真

この円は実寸106pxしかありません。いま入れている「広い正方形」だと、白い店先が飛んで何の写真か分かりにくくなっています。ロゴに寄せた切り出しだと読めますが、GALAXY HOLDINGS の文字が途中で切れます

経営理念の丸い写真の候補比較

PC(1440px)

PC1440での候補比較

スマートフォン(390px)

SP390での候補比較