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