Optimal Screen Resolution for Web Design

Posted by Mark Thompson - May 30, 2008 - Design/Development - 7 Comments

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 the Author

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

7 comments

Leave a Reply