Jump to content


Photo

Full screen background image sizes


  • Please log in to reply
1 reply to this topic

#1 afish674

afish674

    Member

  • 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?

Thanks!

#2 Regicide Del Feroz

Regicide Del Feroz

    Newbie

  • Members
  • Pip
  • 74 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;

while(president_is_corrupt){
poor_people++;
economy--;
}




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users