目次
背景画像、年齢認証ページロゴ画像、ヘッダーロゴ画像の画像サイズ等の推奨仕様について説明します。
13-1.背景画像(リピート)
特に制約はありません。
リピートに適した画像をご利用ください。
13-2.背景画像(ノーリピート)
横幅2400pxにします。
縦方向には背景色でグラディ―ションをかけ、最下端で背景色100%とします。
これにより、背景画像が途切れる箇所もスムーズに見えます。
![背景画像(背景色#000のとき)](https://nc.fuuzoku-hp.com/wp-content/uploads/2023/09/a1d8f5471fbae091116935b4f4a5099b-300x290.jpg)
13-3.年齢認証ページロゴ画像
レスポンシブデザインにより、横幅は表示幅に合わせて表示されるので自由に作成してください。
背景画像や背景色の関係から塗りは透明にして、png-24で作成してください。
![年齢認証ページロゴ画像](https://nc.fuuzoku-hp.com/wp-content/uploads/2023/09/aa044c7a3ef49d1b3e39cf56d0588d1c-300x101.png)
13-4.ヘッダーロゴ画像
年齢認証ページを除く各ページのヘッダー部に表示するロゴ画像です。
ウィンドウ横幅1200px以上用とウィンドウ横幅1199px以下用の2つを用意します。
13-4-1.ウィンドウ横幅1200px以上用
1200px × 96pxのサイズで左寄せにロゴを配置します。
右側には電話番号と営業時間は表示されますので被らないように作成します。
背景画像を表示したいときは、塗りを透明にして、png-24で作成してください。
![ヘッダーロゴ画像 ウィンドウ横幅1200px以上用](https://nc.fuuzoku-hp.com/wp-content/uploads/2023/09/b24a272cdf9fd7f6d826d3a096cc79b0-300x24.png)
13-4-2.ウィンドウ横幅1199px以下用
1200px × 58pxのサイズで中央寄せにロゴを配置します。
ロゴ部分の幅は375px以下にします。
375pxはデバイスの表示幅による制限です。(iPhone SE3世代のcssピクセル)
![ヘッダーロゴ画像 ウィンドウ横幅1199px以下用](https://nc.fuuzoku-hp.com/wp-content/uploads/2023/09/36402d5a943ef09e83155e06d7fa5178-300x15.png)