/    Sign up×
Community /Pin to ProfileBookmark

What screen resolution?

I am going into web design and am wondering if someone can please help sort some confusion for me.

With most computer sales now coming with 19″, 20″ or 22″ [B]widescreen[/B] monitors, I am left wondering what screen resolution I should be designing for.

I know some people with very old monitors still use a resolution of 800 x 600.
I also know that the average for quite a while has been for 1024 x 768.

These new widescreen monitors (of which I have a 20.1″ Viewsonic) has a normal resolution of 1680 x 1050.

Which resolution should I be designing to?

All help much appreciated

to post a comment
Full-stack Developer

4 Comments(s)

Copy linkTweet thisAlerts:
@tracknutSep 12.2007 — I very much doubt that most of us using large widescreen monitors browse the web with the browser at full-screen resolution. The reason we have these large screens is so we can get multiple windows on the screen and multitask. So I don't agree with the idea that as monitor resolution increases, so does a web page. I still design my pages for 800px most of the time.

Dave
Copy linkTweet thisAlerts:
@mrtoddSep 12.2007 — Great Point Tracknut!

Here is some very useful information on "who you should be designing for."

http://www.w3schools.com/browsers/browsers_stats.asp

I think the 800px width looks great even on my wide screen macbook pro.

With that said I will almost always design to that tune but some times the client wants otherwise and sometime (like on crazy sports team pages) I go much wider.

Great question!

Hope that helps.

-Kasi
Copy linkTweet thisAlerts:
@mrtoddSep 12.2007 — Whoops.

Posted the wrong link... That was a good one too but here is the one you are looking for:

http://www.w3schools.com/browsers/browsers_display.asp

sorry

-K
Copy linkTweet thisAlerts:
@KravvitzSep 13.2007 — The statistics posted on w3schools.com only apply to their site.

Check these out:

[url=http://www.sitepoint.com/forums/showthread.php?t=463591]The Definitive FAQ on Screen Resolution[/url]

[url=http://www.collylogic.com/?/comments/the-importance-of-browser-window-width/]The importance of window-width[/url]

[url=http://baekdal.com/reports/actual-browser-sizes/]Actual Browser Sizes[/url]

[url=http://www.456bereastreet.com/archive/200704/poll_results_504_of_respondents_maximise_windows/]Poll results: 50.4% of respondents maximise windows[/url]
×

Success!

Help @charter spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.15,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...