繰り返しを感じさせない背景画像のポイント

これで背景画像一枚の大きさ (w640 h940)

サイト全体の広い部分の背景を "建物の壁のように"

  • 画像サイズは大きくする。
    • PNGならTinyPNGなどで軽量化(背景なので画質は問題にならない)
    • Jpegも圧縮をかける
  • ウィンドウ幅・コンテンツの幅を、画像の幅で割り切れない数にする。
    左右で対象にならず繰り返しが見えにくい。
    (コンテンツは1000pxで、上の画像はw640 h960)