Forever designers have been claiming that you need to design for X amount of pixels, but we all know a user with a 1024x768 screen resolution doesn't have a browser open at that resolution. So what are the actual browser sizes that we should support? Thomas Baekdal has put together an excellent report detailing the findings from a study he did looking at user resolution and browser sizes and I highly recommend it to anybody that has to build a website or at least run one.
The report finds, among other things, that the majority of people browse maximized or very close to it. That Mac user have bigger screens, but their browser are the same size as on any other platform. And, in order to support 95% of your visitors, you need to design for a maximum size of 776x424px.

9 Comments
seanrox
Written Nov. 14, 2006 / Report /
Scrivs, with my designs, I build them to look good at 800x600 to 1024x768 and for screen resolutions smaller then 800x600, like with handheld devices, I serve up a different style sheet.
Looking at my Google Analytics, the average screen resolution is 1024x768, next up is 1280x768 and then 800x600.
paularms
Written Nov. 14, 2006 / Report /
I wish that Google Analytics would also serve up the actual viewport size. Javascript can easily find this information. Then it would just be a matter of breaking that information down into ranges. Also, comparing this information to actual screen size would be quite interesting too.
JPhill
Written Nov. 14, 2006 / Report /
Aside from my site, I usually stay under 800px width for client sites and whatnot. For my own site, only 3% of the users/visitors are at 800x600, and since my site is pretty specific for audience, most of them have higher res. monitors.
I think it really depends on the site and users still to determine if you should move above 800x600.
seanrox
Written Nov. 14, 2006 / Report /
I'm ok with designs that scale to the screen size being used, but what I don't like is when you have your screen resolution set really high and some sites just look like a little box on the screen. That's no fun but then again, higher resolutions are really only good for movies, photos and graphics work in my opinion. I think 1024x768 is a nice default size for most modern monitors and web browsing.
Tyme
Written Nov. 14, 2006 / Report /
Interesting. I did a test and my actual monitor size is 853x691. I rarely scroll because people are using right sidebars now. An example TechCrunch is wider than my browser window is open but the content I'd want to see if I read his site is in plain view. Sucks for advertisers...
seanrox
Written Nov. 14, 2006 / Report /
I don't mind up and down scrolling on sites, that seems to be the norm. What I don't like is having to scroll left and right. It reminds me of the days of frames in sites... ewww.....
cellseven
Written Nov. 14, 2006 / Report /
I have always been torn about this sort of thing, I like to design small and minimal, and yes on 1600+ pixel width resolutions it can look like a tiny box. One could go fluid with their css and it would expand to fit the browser, then using em based text sizing could help it not look like the site has very little content. With this approach I have always feared the user staring at a screen that mimics one of those gag telephones or remote controls with obviously over sized buttons for the visually impaired. You could also force browser resize but that kind of thing makes me mad and I can only imagine 99% of the population reacts the same. To sum up, I design the way I like and let my sentences run on enough to make any English Major queasy!
Brian
Written Nov. 16, 2006 / Report /
Mint will tell you window width, and calculate what percentage of viewers have a window width higher than x# of pixels.
paularms
Written Nov. 16, 2006 / Report /
Mint completely killed my server and my host at the time almost kicked me off completely. I'd rather use something more comprehensive like Google Analytics anyway.