The forums have permanently moved to This forum will be kept around in read-only mode for archival purposes. To learn how to continue using your existing account on the new forums, check out this thread.

Results 1 to 5 of 5

Thread: Large Background Images?

  1. #1

    Large Background Images?

    Is there a certain way to include a large background image on a web page?

    Here is an example:

    This site has a large photo for a background but it is a non-repeating image. I guess my questions are:

    What format would be best to retain quality but ensure small file size?

    What size should the image be so that it will fill the entire browser for most people?

    Any other tips?

    Thank you!

  2. #2

  3. #3
    There is no specific image size that will fit for most people, there's no such thing. So you need to make it as big as you feel is necessary. The file type should also be whatever file type is the smallest, while maintaining a quality which is acceptable to you. Generally that tends to be a JPG or a PNG. This guy is using two background images, the stars which does repeat on the <html> and then the "content" background which is used on the <body> which again ... is whatever size he deemed acceptable.
    Let us live so that when we come to die even the undertaker will be sorry. - Mark Twain
    Don't PM me your CSS, xHTML, JS or PHP questions. I will not reply to ANY IE6 questions.

  4. #4
    Thanks! That makes sense. It's kinda what I was thinking but I didn't know if I had missed something somewhere. I always try to keep file sizes down so I wasn't sure if there was some way to include a large image and not effect file size much.

  5. #5
    Also to add on, you might want to make sure that the ends of the image don't just stop. And then make the background color the same as those edges so the image flows into the background. This will please those people with ridiculously high resolutions.

    As for file type and size, I generally would go with a jpeg that is anywhere from 60-80 quality. This, of course, depends a lot on the detail of the image. But, just play around with the settings until you like it.

    Oh, also, don't forget to center the image.

    Just my
    - redelite -

    Harry: "Yeah, she stopped me in the lobby, and explained what was up. Then they slapped this bulletproof vest on me and gave me a gun!"
    Lloyd: "But what if he'd shot ya in the face...?"

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Home About Meet the Moderators Advertise

 Link to Us


Copyright 1999 - 2012