Web Tip pixel width for websites

Published on May 19th, 2013 | by Mark Ammay

0

Pixel Width for Websites

One of the first questions you may be having when starting to design a new website is, “what is the current pixel width for websites?”, especially in 2013? How many pixels wide should I design my website, and what is the standard? Well there’s two things that I do to figure this out myself.

The first thing I do is take a quick poll on different websites that I trust and visit often to get a glimpse of their pixel width. I do this by going to that website, and using a Firefox addon / extension called “Web Developer”, which you can download and install here: WebDeveloper Addon for Firefox.

Then, after installing the Web Developer Tool you should get a new toolbar that will open up a whole new world for you as far as web development goes. But the only thing I want to mention right now is the “display ruler” tool that you can use to¬† measure the width of a website.
Go to Miscellaneous > Display Ruler.
After displaying the ruler, adjust it so you can physically measure the width, and even the height of a website (or just parts of it).

There’s many other ways to get the width of a website, but this is a quick and easy way to do it.
pixel width standard for websites - display ruler

Pixel Width Standard For Websites?

I usually take a look at a major website such as Apple, a website I often visit like IX Web hosting, and other websites that I read. Every website is different but you can really get a sense of the width of a website by looking at others. Here’s a few examples and widths of some websites I enjoy:

  • Apple.com – 980px wide
  • IXwebhosting.com – 973px
  • TechCrunch.com – 970px
  • SEOHour.com – 1090px
  • MarkAmmay.com – 1000px
  • WebCodeCentral.com – 1030px

pixel width standard for websites - 1000px

Web Stats & Trends

The second thing to look at is website trends and statistics and find out what screen resolutions your visitors have (in general). W3Schools.com publishes the latest browser display statistics here. They always update this section every year, and currently it seems that most visitors have a screen resolution that is above 1024 px, give or take. Here’s a few notes:

  • Most visitors have a screen resolution higher than 1024 pixels wide
  • This website, WebCodeCentra.com is 1030px wide (with it’s current theme)
  • The average pixel width of a website is around 970px – 1000px

pixel width standard for websites - screen resolution

Answer to this question

It’s really up to you on how wide your website should be, and again it’s good to aim for something between 970 – 1000px wide. This may change in the future, so be sure to find out the current pixel width standard for websites today, and research what’s best for you.

Tags: ,


About the Author

Hey it's Mark Ammay. I'm a Web Developer with over 5 years of professional experience in the industry. I help individuals start their own website from scratch, as well as through WordPress. I'm also an Online Entrepreneur who blogs at www.MarkAmmay.com



0 comments
Back to Top ↑