Clicky

Global Screen Resolutions at effective web ministry notes

Global Screen Resolutions

The most popular screen resolutions on the web in the world, according to OneStat.com, are:

  1. 1024 x 768 (56.15%)
  2. 1280 x 1024 (15.79%)
  3. 800 x 600 (12.04%)
  4. 1280 x 800 (4.09%)
  5. 1152 x 864 (3.90%)

The report also breaks it down by a few countries like the US, Canada, UK, etc.

Since most web designs are set for 800-wide resolution, the question comes back up again…when is it okay to make the switch to 1024? In other words, when do you decide to NOT design for the 800×600 crowd (the 12%)?

NewScreen 002, originally uploaded by frigginawesomeimontv.


12 Responses to “Global Screen Resolutions”  

  1. 1 tollie williams

    Personally, I design for a maximized window at 800×600. To require a visitor to take up an entire 1024×768 screen just to visit my site seems rather selfish. I believe web designers should be courteous to their users and allow them to keep an eye on other windows while they’re browsing.

  2. 2 rob

    tollie, I understand and agree. But I guess I’m wondering…if it’s only 12% of your audience, well, at what percentage would one finally decide to switch?

    When did it go from 640 to 800?

  3. 3 tollie williams

    I believe I have already switched. To me, designing for 800×600 maximized is more about allowing the 1024×768 crowd to keep some extra space to see other windows, and less about the compatibility for older video modes.

    If the question becomes, when do we alienate the 800×600 crowd by going bigger in order to please the 1280 and up? I don’t know. For now, even at 1280, I feel like common widths (c. 500 pixels of blog a sidebar, or 800 pixels of ’stuff’) are plenty wide to be both aesthetic and functional.

    Finally (and thanks for your reply, BTW), I think I made the switch from 640×480 about the time that we saw common adoption of Windows XP, as it removed 640×480 from the standard choices of video modes. That, of course, was before the common adoption of LCD monitors which have native resolutions; now it seems the size and affordability of LCD monitors will drive our lowest common denominator.

  4. 4 sheldon

    Don’t forget that there is a difference between a screen resolution and a window width. Even with my 1920×1280 screen, I browse at about 900 px wide.

    I like to have my sage extension open and a couple of lines of icons on my desktop available at all times. I also have a few Yahoo Widgets open on the right hand side.

    If you design for 1024, make sure your right hand column is not important information or you will still lose a number of your visitors viewing it.

  5. 5 Tony whittaker

    I personally prefer a liquid layout that expands or contrcts to whatever the resolution. Of course, those with VERY high screen resolutions almost certainly do not use their browsers full width

  6. 6 Jeremy

    I agree with Tollie, if we design to 800×600, meaning that we fill the entire screen at that resolution, we still have the nicely colored border for higher resolution users. As someone we has his resolution set to 1600×1200, I can tell you that I don’t browse with my browser maximized. I like this resolution because I can have a lot more windows open at one time.

  7. 7 rob

    These are excellent points! Thanks!

  8. 8 djchuang

    By designing for 800×600, you’d get almost 100% coverage vs. 88% coverage — if you designed for 1024×768 screen rez. And like a few others have said, by designing for the 800×600 size, you give those with a larger screen rez more “white space” and visual breathing room.

  9. 9 Russ McGuire

    Guess what?

    There’s a whole new world about to crash into this topic. As folks increasingly want to take their web world mobile, new device form factors are going to cause us to have to accomodate reasonable usability in very small screen sizes. I wrote a post on this topic a while ago here, and there’s another somewhat related post here that might bring back memories for those of us that have been developing content for the Internet for a few years.

    Think about cellphones, about devices like “gameboys” with WiFi, about devices like the new Origami/UMPC, etc. Your #s 1,2,4,5 above only account for about 80% of users. 12% are 800 wide, but another 8% are something else entirely…

  10. 10 tollie williams

    Russ, you have a good point. I think the solution for that is already here in the separation of layers that CSS has made possible. By keeping markup driven by content, we’ve become a really accessible web, and XHML2 is set to make that even more so.

  11. 11 tollie williams

    Goofed: XHTML2

  12. 12 sheldon

    Don’t forget, content written for the web was different than content written for print. Content written for phones will have to be different than that of the web as no matter how nice they make the screens, phones, treos, blackberry’s etc will be smaller screens with lower resolutions.

    In our experiments with mobile sites and from my own use of trying to browse with my Sony Ericsson Z600 using Opera Mini 2.0, I’m looking for minimal clicking and small doses of content.

    Yes, CSS and XHTML especially XHTML 2 will allow us to repurpose content but we’ll need smaller doses of content too.

Leave a Reply