Outline ·
[ Standard ] ·
Linear+
Best Web Resolution, to fit on screen
|
TSPennywise
|
Aug 2 2006, 10:11 AM, updated 20y ago
|
|
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
|
Aug 2 2006, 10:31 AM
|
Spaced out person
|
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.
|
|
|
|
|
|
TSPennywise
|
Aug 2 2006, 10:34 AM
|
|
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
|
Aug 2 2006, 01:08 PM
|
|
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
|
Aug 2 2006, 01:13 PM
|
|
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
|
Aug 2 2006, 01:25 PM
|
|
Yea, ok but how do I do design using percentage for width and height attribute? Set them to the tables itself?
|
|
|
|
|
|
etsuko
|
Aug 3 2006, 11:35 AM
|
Spaced out person
|
|
|
|
|
|