Published on May 19th, 2013 | by Mark Ammay0
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?
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
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
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.