Welcome Guest ( Log In | Register )

Outline · [ Standard ] · Linear+

 Best Web Resolution, to fit on screen

views
     
TSPennywise
post Aug 2 2006, 10:11 AM, updated 20y ago

Look at all my stars!!
*******
Senior Member
5,796 posts

Joined: Jan 2003
It's been a while since I last worked on a website project. Today, most of us are using 17" and 19" LCDs or even larger, our native resolution would be 1280 x 1024. However, many are still using 1024 x 768 and there are those who still uses 800 x 600.

What's the best website resolution? My friend has adviced me to cater for even the 800 x 600 using 750 x 500. However I think that's unnecessary, should I aim for 1024 x 768 or 1280 x 1024?

Kindly advice.

etsuko
post Aug 2 2006, 10:31 AM

Spaced out person
Group Icon
Elite
4,210 posts

Joined: Jan 2003
From: Malaysia


According to my Google Analytics, here's the rough popularity of each resolution for my website:

1024x768 - 38.33%

1280x1024 - 35.83%

1280x800 - 10.00%

800x600 - 6.67%

And audience is from Malaysia, USA, Australia and UK.

I think overall it depends who your website is targeted at because most likely either the younger or more tech induced people are the ones running on LCD and at a higher resolution. 6.67% of the those 4 countries ain't a very small number.

Most of my traffic is drawn to my blog than the official site itself. And those who read the articles aren't your normal visitors. So I say until you can determine the type of audience or have facts to prove it's safe to design for higher resolutions, than you should do it. smile.gif
TSPennywise
post Aug 2 2006, 10:34 AM

Look at all my stars!!
*******
Senior Member
5,796 posts

Joined: Jan 2003
Yea I have been through those analysis in w3schools.com. So say if I want to make my website on 1024 x 768, without using CSS, how much pixels should I specify in my layout design in Photoshop?

For example: I was told that a 800 x 600 page can go with 750 x 500 in Photoshop to fit exactly on screen. How about the 1024 x 768?
TSPennywise
post Aug 2 2006, 01:08 PM

Look at all my stars!!
*******
Senior Member
5,796 posts

Joined: Jan 2003
Is this a good reference?


640x480 - 600x300
800x600 - 760x420
1024x768 - 955x600

This post has been edited by Pennywise: Aug 2 2006, 01:08 PM
dopodplaya
post Aug 2 2006, 01:13 PM

Look at all my stars!!
*******
Senior Member
2,280 posts

Joined: Jun 2006
A good way (not always the best, but better) to design is using percentage for width and height attribute, so your page will scale automatically. It is not preferred to set a fixed pixel value, as screens size might may be different.
TSPennywise
post Aug 2 2006, 01:25 PM

Look at all my stars!!
*******
Senior Member
5,796 posts

Joined: Jan 2003
Yea, ok but how do I do design using percentage for width and height attribute? Set them to the tables itself?
etsuko
post Aug 3 2006, 11:35 AM

Spaced out person
Group Icon
Elite
4,210 posts

Joined: Jan 2003
From: Malaysia


a 2002 article that still is referred to many today. smile.gif

http://www.webmonkey.com/webmonkey/99/41/i....html?tw=design

 

Change to:
| Lo-Fi Version
0.0149sec    0.23    5 queries    GZIP Disabled
Time is now: 28th November 2025 - 02:27 PM