Webpage screen resolutions

  coolteentom 18:00 05 Dec 2004


I am newbie to website designing, and was wondering what resolution to optimize an artist's website I have been asked to do.

At the minute, using percentage sized tables, the 800 x 600 resolution fits in the page without having to scroll horizontally, but looks a bit cramped.

Whereas, on 1024 x 768, it looks more natural and spaced.

The main reason for the website, is for art dealers and galleries viewing etc. - will they be likely to have a 1024 x 768 resolution, or should I optimize it for 600 x 600.



  Taran 20:57 05 Dec 2004

Ask 10 web designers that quuestion and you'll get as many answers - possibly even more !

I design to 1024x768 as a standard, as does every other professional web designer I currently know. I make everything I do fluid though, and I also test thoroughly at 800x600, so I guess you could say that even though I'm going for the higher resolution as my standard ball-park, I ensure backward compatibilty too.

It's a thorny issue and you'll never get a concrete answer.

The server logs from some of my sites indicate that above 95% of my visitors have 1024x768 or greater resolution, while other sites I have enjoy an almost even split between 800x600 and 1024x768. This depends on the nature of the site content - the more technical sites invariably attract a higher resolution visitor, but also keep in mind the standard monitor sizes offered with computers these past couple of years, which have all been capable of 1024x768. Capability does not mean that all computer users will actually run their PC at that resolution though. Many prefer 800x600.

The best advice I can offer is to go for 1024x768 but use percentage table or CSS controlled widths and images less than about 700 pixels wide (maximum) with top navigation links or choose an image width including a side navigation panel that can cope with an 800x600 resolution.

Another solution I have used in the past is to create two sites or use dynamic management, where the first page of your site contains a browser sniffer to detect screen resolution and forwards the visitor to the relevant pages. You can autiomate this or simply offer 'Click here for 1024x768' and 'Click here for 800x600' hyperlinks.

I'm rather fond of using PHP to manage this, where the source images are high resolution and the web page(s) are filled with PHP controlled images where the image size and resolution is dynamically generated at the web server to fill the page at a given size.

Like I said, "Ask 10 web designers.... "

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

iPhone X review

How to find a font: Discover the name of a typeface with these apps

The best iPhone for 2017

Comment créer un compte PayPal pour payer en ligne ?