BetterPhoto Q&A
Category: New Answers

Photography Question 

Likah Rue
 

WebDesign Resolution


Hello out there~
I am building a website via Photoshop and the question of resolution has come up. To which resolution should I design my site? I believe this is a complicated question, so if you want to just point me in the right direction of a tutorial website that's fine...or if you have a lecture for me, I welcome that also!
Thanks.
Rue


To love this question, log in above
October 06, 2006

 

Ariel Lepor
  You mean what res to put up your pictures at? Well, on my blog, I size them to around 680 long direction (with a bit of jpeg compression for speed), and blogger shows them a little smaller unless you click on them.

Ariel
ScrattyPhotography.com
ScrattyPhotography Blog


To love this comment, log in above
October 06, 2006

 

Danielle E. Rutter
  25% of people are still using an 800x600 screen so a lot of designers are still accomodating them. Don't forget taking the toolbar and sidebars into consideration. Some designers have decided to leave those poor saps behind and start making their sites larger... forcing them to scroll back and forth when they view it. That choice is yours. The next size up is 1024x768.


To love this comment, log in above
October 07, 2006

 

Deb James
  I'm a web programmer by day (photographer at all other times :)) and I can tell you that our company still designs our sites with the 800x600 customer in mind. I believe this is still the standard.


To love this comment, log in above
October 08, 2006

 

Shawn Wilson
  I do a lot of web development on the side for my personal business and the question is still a hard one.

My rule of thumb is to start with 10x7 friendly design and only if the client requires absolutely nobody to be put out then drop back to 8x6. Retail sites tend to be 8x6 because of the chance at a lost sale for example. Sites with stickly information tend to be 10x7 but still readable at 8x6.

The audience is key though. If your site is likely to attract a truly random assortment of people, then 8x6 is the safe bet. However, photography buffs, techno savvy people, or many people with newer computers (1 yr or less) will be at 10x7 or higher just because it's our nature to have bigger screens, newer computers, and higher resolutions.

When I do work for a mom and pop shop selling their wood benches and rocking chairs, I stick to 8x6 friendly. When I design a band's site for the modern teenager I make it 10x7 friendly.

You can get elaborate and make two sizes and use javascript or other scripting to take visitor to the right page for them, but you duplicate a lot of work that way.

If in doubt, stick to 8x6. Or at least don't put anything on your site on the right side that is important (like a menu).

Regardless of what it looks like, try to make sure the site can be USED even at horid screen sizes the best you can. Remember these are the days when people may try to visit your website with their phone, xbox, refrigerator...

You can drive yourself crazy trying to make sure everyone on every device can see your site the same, but at some point you have to decide what you're willing to give up to please a certain group of people.

One last thing you can try is to start with a site that is 8x6 friendly and watch your web server traffic logs to see what screen sizes your visitors are actually using. If your logs don't show screen size, then you can capture that yourself with a script and then on the next update to your site make a design catered to the majority of your actual traffic.


To love this comment, log in above
October 09, 2006

 

Likah Rue
  Oh my goodness thank you so much for the input- it's great. Very helpful. Are the scroll bars and tab menus different on every computer? or is there a standard size for a Mac, standard for PC?
Thanks again for the help. I appreciate it much!


To love this comment, log in above
October 09, 2006

 

Shawn Wilson
  The actual pixel size will vary by screen resolution, but as a general rule you can plan for about 50 pixels in width being off limits and 100 to 150 in height.

So your site outer limits should be 750 x 500 to avoid any scrolling at all for 8x6 screens.

That's just an estimate of course. The best way to see how things look is to simply set your resolution to 8x6 and see how it looks.


To love this comment, log in above
October 09, 2006

 
This old forum is now archived. Use improved Forum here

Report this Thread