Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

File size

Discussion in 'Website Design Forum:' started by Kevin, Apr 3, 2009.

  1. Kevin

    Kevin Senior Member

    For large background images... at which file size should I start taking into account that average visitors (≠ people with bitchy connections) might have problems loading it.
  2. tim

    tim Senior Member

    14GB? I'd say that's the minimum.
  3. mrp2049

    mrp2049 Senior Member

    good work batman!
  4. tim

    tim Senior Member


    but seriously magical trev, i have no idea how large, but even with my kickass connection, my background fails to load quickly, and it's about 1.4mb
  5. Harry

    Harry Senior Member

    1.4mb for a single image?! Wow that's a bit hefty. Head for about 500k max for a really photographic background.
  6. tim

    tim Senior Member

    Really? I fail.

    EDIT: Changed my header image to 477kb ... i believe...
  7. Kevin

    Kevin Senior Member

    By photographic background, do you mean anything you can't turn into a pattern? Because it's actually a colorful graphic.
  8. Harry

    Harry Senior Member

    I just mean something of photographic quality, like a photograph. Anything like a pattern or graphic will typically be a lot smaller anyway.
  9. br3n

    br3n Senior Member

    I smiled :D
  10. Jazajay

    Jazajay Active Member

    Why not use CSS to repeat it then you can shorten it to something like a 50px x 50px square or a 1px by 1000px then just repeat the background left to right, top to bottom or both if it is a pattern, that way the file will only be a few bytes and load with in a millisecond, but still give you the same design.

    Do you have an image we can look at?
    Also if it is a .png have you compressed it as that tends to cut about 75% of the image weight down, makes it uneditable so make sure you save a back up copy first to make amendments later.

  11. Kevin

    Kevin Senior Member

  12. Jazajay

    Jazajay Active Member

    I'm not sure you can, you could split it into 3 as a possible solution due to the fact that the browser would then, well depending on which 1 you are using, download 2 smaller sections of it at once rather than 1 larger 1 all at once. I take it the black bit at the bottom is done via CSS? Because if you give the body at background color of #000 and then lay the background image above the body, you could then reduce the image and save you some bytes.

    Could you email me the image?
    jazajay at and I'll see if I can get it smaller for you with out splitting it as it would be better overall to keep it as one from a page performance point of view.

  13. Jazajay

    Jazajay Active Member

    Also Is the image full behind the main white section?
    You could crop it so only the outline of the image around the white section is there, you would then save a fair few bytes as a result of the reduction that wont be seen 99.9999% of the time. Just an idea but it should load about 3 times quicker if not more.

Share This Page