Assuming a fluid layout is not an option (since that is a different discussion all together), what is the recommended width for a site layout? What are the pros and cons of different sizes?
Standard website width 2022Desktop: Above 1440px. Laptop: 992px to 1440px. Tablet: 576px to 992px. Mobile: Up to 576px.
1280px and 1920px are the two standard widths for web design. A 1280px website will look great on laptops and mobile devices but not so great on large monitors. To ensure your site looks just as good on big screens as it does on small screens, set your max site width to 1920px or more.
1280×720 is considered to be the most suitable screen resolution for the desktop website version. Usually, the desktop version provides the best user experience and is supposed to be the most convenient and wide.
The average web page is 3MB.
I've always kept with 960px
as it's viewable on 1024x768
, and is cleanly divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480... so I can split up the design of my site (using the rule of thirds) cleanly.
EDIT after a few years: Please consider using CSS Media Queries to make your content responsive to the myriad of devices out there now if you can't use a fluid layout. I'm not sure that one can claim one pixel width to rule them all in 2012.
Check out http://browsersize.com for some quick stats on screen resolutions users use nowadays. You can use http://setmy.browsersize.com to quickly resize your browser to emulate viewing your website at a particular screen resolution. Make sure that your layout satisfies at least the most widely used screen resolution (1024 x 768).
Also, don't necessarily aim to take up the maximum horizontal space. The width of text (number of words per line) ideally shouldn't exceed a certain threshold for usability:
At the very common 1024×768 screen resolution, most fixed-layout websites don’t use all available space to the left and right of their content. Flexible layouts make a better use of horizontal space, but struggle to maintain usable line-lengths. Usability experts have told us that there are just so many words you should put on a line. Between 8 and 12 words seems to be the ideal line length. Print media, especially newspapers, don’t hesitate to use even shorter lines. Why? Because they can, by laying out text across several columns.
http://www.alistapart.com/articles/css3multicolumn
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With