Jump to content


Full screen background image sizes

  • Please log in to reply
1 reply to this topic

#1 afish674



  • Members
  • PipPip
  • 148 posts

Posted 05 March 2012 - 02:26 PM

I've just been reading this article on getting full screen background images that scale: http://css-tricks.co...ckground-image/

The problem is that in order to get a good quality picture to fit big screens, even compressed is about 320kb which is pretty big. I have seen sites using background images this big, but is it acceptable?

I don't understand how a lot of sites have lovely backgrounds that look impressive even on my 27" monitor without a huge file size.

Can anybody tell me what the perceived wisdom is here?


#2 Regicide Del Feroz

Regicide Del Feroz


  • Members
  • Pip
  • 84 posts
  • Gender:Male
  • Location:Pearl of the East
  • Languages:HTML, CSS, JavaScript, MySQL, PHP, Ajax, jQuery

Posted 12 March 2012 - 08:47 AM

add this

-o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden;


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users