あのイーハトーヴォの
すきとおった風

 

billboard_007

ページ背景に画像を指定し固定した表示

 
ウィンドウいっぱいにイメージを見せるパターン。ページ背景に画像を指定し「位置を固定」にチェックを入れることで、スクロールしてもイメージは動かないまま他のページ要素だけがスクロールしていきます。
 
ヘッダー部も背景色なしで背景画像に重ねたレイアウトなので、ロゴやメニューが見えにくくならないよう注意が必要です。
 
背景画像はストレッチ指定で配置しているため、ウィンドウサイズに合わせて拡大されます。1000px以上のサイズは必要に思いますが、ファイルサイズには注意が必要です。
 
 

画像サイズを小さくする

デジカメやスマホで撮影したままの画像は高解像度(高性能)化によってかなり大きくなっています。1枚の画像で数MBあるのは普通になっています。
お客様からの声でよくお聞きするなかに、「BiNDは配置した画像を最適なサイズに自動的にしてくれるんですよね?」というものがあります。が、これは間違いです。BiND8以降のレスポンシブになってからは配置された画像は基本的にその元画像のサイズ(ピクセル数、データ容量)に近いデータが配置されます。
BiND NiCE Siteに掲載されているホームページの中にも、トップページを開くだけですごく待たされるものがあります。画像のサイズには注意が必要です。