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.jpg | — | 4.43:1(基準) | 320px |
| 案1 | 縦45%・CSSそのまま | 写らない | 5.76:1 | 320px |
| 案2 | 縦80%・CSSそのまま | 写る | 2.49:1(基準の半分近く) | 320px |
| 案3 推奨 | 縦80% + 左上を白くするグラデーション(会社案内だけに適用) | 写る | 6.12:1 | 320px |
| 案4 | 案3 + 帯を320→430pxに | 写る | 6.91:1 | 430px(他の下層ページと不揃い) |
読みやすさの測り方:タイトルを非表示にして背後の実背景だけを撮り、文字色との明るさの比を出しています。値は最悪側(背景の暗いほう5%)。数字が大きいほど読みやすい。
グラデーションは会社案内だけに当てます。同じ帯のスタイルをお問い合わせページとサンクスページも使っているため、専用のクラスを足す形にします。
静的HTMLへ反映済み。社内確認用の配信はこちらです(noindex・共有していません)。
https://alj-static-ltku9msw.pages.dev/company
実測:COMPANYの読みやすさ PC 6.10:1 / SP 5.48:1(現行基準 4.43:1)。お問い合わせ・サンクス・製品ページは従来の見え方のまま(スクリム 0.46 を維持)。
この円は実寸106pxしかありません。いま入れている「広い正方形」だと、白い店先が飛んで何の写真か分かりにくくなっています。ロゴに寄せた切り出しだと読めますが、GALAXY HOLDINGS の文字が途中で切れます。