Standard Web Page Size

Posted on 2006-03-20
Medium Priority
Last Modified: 2012-05-05
Two questions that I need answered ASAP:

1) Is the "standard" web page width 760px?

2) What is the "standard" size (both height and width) for splash pages?
Question by:thespiceman

Expert Comment

ID: 16239277
This is where I go to view stats for the interweb ...


It looks like 1024 is in the running  @ 57% and 800 is in the running @ 20%

As for Flash ....should not really matter because it will scale to fit your browser page.

Assisted Solution

esw074 earned 600 total points
ID: 16239360
There's no "standard", per se.  Your design should accommodate any user, regardless of screen resolution.

Now, having said that, usage statistics will show that the most common screen resolutions are 800x600 and 1024x768.  Under most circumstances, a page width of 760px will accommodate most users.  The best practice is to design for everyone, but there are obviously some practical limitations.

> This is where I go to view stats for the interweb ...

I think those are just stats for the w3schools site, which is probably representative of developers, but not necessarily the public at large.  

LVL 15

Assisted Solution

Tomeeboy earned 600 total points
ID: 16239524
That's a good link that Rocky posted and it should give you a great idea of how you should design your sites.  I typically make sure my sites fit inside of a maximized web browser on a display using 800 x 600 resolution.  As you can see from the stats on the above page, about 20% of people are still using this resolution, which I think is a large enough number to take into consideration.  In addition, just because somebody is running 1024 x 768 or higher doesn't mean they want to have their web browser taking up the entire screen (I know I wouldn't), and this is something else I take into consideration.  If you can fit your content within a width such as 760px, then that is probably a safe option to go with.  You can choose to have a wider design, but I wouldn't put anything crucial on the far right side.  You may also want to look into a design that resizes to fit the browser (this site uses that technique, and does it fairly well).

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

LVL 35

Accepted Solution

mrichmon earned 800 total points
ID: 16239553
I agree - there is no standard.  You should design flexible pages.

See these articles:
How can I make my pages look good on all monitors?

Which screen resolution should you design your page for?

Splash screens in general should not be large.  They should be simple and not busy and get to the point.  It is really an advertisement before the main site.  IN general it shoudl fit centered on a 800x600 screen.

That being said I don't like splash screens - they chase more people away because it takes more clicks to find what they were actually coming to your site for...
LVL 15

Expert Comment

ID: 16239741
I'd agree with mrichmon about the splash screens.  A noticeable amount of users will close the page rather than click the link to skip the splash screen if they don't want to see it.  However, this also depends on the type of site you are running.  If you're keeping people from quickly getting to content or information they need, then splash screens are a bad idea.  If your splash screen, IS part of your content (example: you're a designer and it shows off your flash skills, etc.), then it might not be such a bad idea.
LVL 24

Expert Comment

ID: 16240003

> 1) Is the "standard" web page width 760px?

No. No such 'standard'. I agree a little with esw074: "800x600 and 1024x768" adding 1280x1024.

You should consider your intended audience, and make it as small (fewer pixels) as you can. If you have pictures, same rules go: 256 is enough, don't overdo it unless critical.

> 2) What is the "standard" size (both height and width) for splash pages?

Same answer. You can go smaller, less pixels, than 800x600, but there's no point to that anymore.

Developers should ever beware that the users just may not have the most up to date hardware that they do, and if something don't work, such as an incomplete window that a user cannot scroll to see the rest of (or doesn't want to) their product won't sell.

Featured Post


Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses
Course of the Month9 days, 3 hours left to enroll

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question