SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    A Large Website Background

    Hi
    I want to use a Large Website Background (image).
    What is the best size for the my background image?

    Thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by tulip-flower View Post
    What is the best size for the my background image?
    There's no best size, really. It all depends on the situation. It's great if you can fade an image out at the edges. If not, you have to decide if it's essential for the image to fill all screens or not. (Some screens are huge, like TV screens.) These days, a great option is the new background-size property. E.g.

    Code:
    body {
      background: url(myimage.png);
      background-size: cover;
    }
    You need to optimize your image, anyhow. A good option is Save for Web in Photoshop. Anyhthing over 200kb is way too big. Some people serve up bg images of a MB or more, which is a total #fail and a sign of an amateur.

  3. #3
    SitePoint Enthusiast hypernovadesign's Avatar
    Join Date
    Jul 2012
    Location
    UK
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes as ralph.m said + centralise the image in the page, place it behind any other object on page. The resolution must be at least 1920 x 1200px.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •