Common website size.

[krugi]

Hello

I want to know what is the common website size (in pixels).
Thanks in advance!

[D_Blackwell]

That depends a lot on the demographics of your users. A site for tech people and computer savvy people - they will tend to be on larger monitors and multiple monitors. The further down the chain of tech interest, computer interest, income - the lower the average resolution will be. You also have to consider that the more sophisticated the user, the less likely that the browser will be full screen. In fact, the lower end user may actually be using a larger viewport; full screen.

Opened this month's stats for one of my 'average person' ecommerce sites.

1024 x 768 = 30% (This is probably, IMO, the screen size to design for - without forgetting that many users may not be viewing full size. I think that most new computers are shipping with this as a default setting still.

1280 x 800 = 15%

1280 x 1024 = 10%

1440 x 900 = 10%

1680 x 1050 = 8%

1600 x 1200 = 7%

800 x 600 = 2%

1920 x 1200 = 2%

Numbers can vary widely depending upon your audience. Hook up with Google Analytics or some other stat service to get the specifics for your site.

[Jonesy]

I am currently viewing this forum at 906x917.
Somedays it's 1205x881, sometimes 782x994,
other times 1280x1002, etc, usw.

Jonesy

[swa66]

If I do it fixed width: 770px wide.

rationale:
- 800x600 still out there
- iPhone and the like are smaller (but have smart zoom, CSS3 media queries etc to help them out)
- many users have larger screens, but those who'd screen becoem really large (e.g. my 1920x1200) do not run their browser fullscreen, but use 2 windows next to one another (getting you back to below 1000px wide and into that 770px wide.)

SWA

[krugi]

OK, thanks for all the answers!

[D_Blackwell]

A related follow up:

If offering a linked and styled page with a 'large view' of an image, what size is the best trade-off? Vertical space is the biggest restriction if one wants to keep the entire image 'above the fold' (completely viewable with no scrolling).

I currently use {width: 750px; height: 500px;} as standard for most sites. Though I would very much like to go larger, am concerned about how much more there is to safely gain for average user without pushing them into scrolling. (When resizing I'm willing to let the height go slightly over 500px;, but am gun-shy of allowing it to be much more.)

Only exceptions are images strong on vertical perspective, where vertical scrolling has to be allowed/required. I try to avoid needing such images.