Stay On Search



Optimal Screen Resolution for Web Design

Posted by Mark Thompson in Design/Development | May 30, 2008 | Comments (6)

UPDATE:  2010 Screen Resolution Statistics

Screen resolutions have changed a lot over the past 8 years. Computer monitors have migrated to offer users  much smaller resolution choices. The days of 640 x 480 have long since past.

This brings up a good question for web developers. “What should the average width of a website be?” Of course there are other parameters to consider such as the style of design the client chooses. Fluid website design, like those that expand 100% of the users browser regardless of their screen resolution, is one way to avoid having to worry about designing for the “average” screen resolution.

I analyzed 6 of our clients web statistics and came up with the following screen resolution statistics:

Websites Analyzed: 6
Total Visits: 185,637
Date Range: January, 2008 – May, 2008

Here are some statistics from w3schools.com.

As the use of laptops and wide screen desktop monitors become more prevalent, we will start to see these trends continue to change.

ResolutionVisits%
1024 x 76882,35144.36%
1280 x 102429,98916.51%
1280 x 80028,79015.51%
800 x 60010,8585.85%
1440 x 90010,2425.52%
Other23,40712.61%
DateHigher1024×768800×600640×480Unknown
January 200838%48%8%0%6%
January 200726%54%14%0%6%
January 200617%57%20%0%6%
January 200512%53%30%0%5%
January 200410%47%37%1%5%
January 20036%40%47%2%5%
January 20026%34%52%3%5%
January 20015%29%55%6%5%
January 20004%25%56%11%4%

As the use of laptops and wide screen desktop monitors increases, we must continue to keep an eye on how users are viewing the websites we develop.

About Mark Thompson

Mark is the creator of StayOnSearch and president of Search Creatively, a full-service Internet Marketing Company located in Raleigh, North Carolina. He also contributes to many industry related blogs including Search Engine Journal and is active on Facebook and Twitter.Follow Mark on Twitter



6 Comments »

  1. I think it’s best to design a web site which adjusts to fit the user’s resolution. I hate it when I have to scroll back and forth across a page to read each line of text. I still use 640×480, anything higher makes my eyes hurt. Sometimes I see people using small monitors and very high screen resolutions, I don’t know how they can do it without major headaches…

    Comment by Anonymous — June 24, 2008 @ 9:39 am
  2. y8pq5ao9eyjypqaw

    Comment by Michelle Sandoval — November 12, 2008 @ 8:52 pm
  3. Just want to let everyone know about a great Website Design company.
    I was a sceptical because of the price, but boy did they deliver for about
    $200 they did the most amazing work for me. I just wanted to pass that along to
    you guys.

    you can check them out at: http://www.leadsware.com/renovastar/index.html

    Comment by hernWeibiarge — December 11, 2008 @ 12:27 pm
  4. Hi,

    Are there more recent statistics for this? It’d be interesting to see how the numbers evolved over the last 6 months.

    Comment by KLK — January 7, 2009 @ 1:55 am
  5. [...] jQuery('ul.superfish').superfish(); }); Write For UsContactAbout HomeOptimal Screen Resolution for Web Design (2010 Update) Posted by Mark Thompson in Design/DevelopmentJan 7th, 2010 | View commentsComments Back in the May [...]

  6. 640×480? Seriously….get a new monitor!

    Comment by anon too — April 17, 2010 @ 12:46 am

RSS feed for comments on this post. TrackBack URI

Leave a comment