Maine Photographics
Home | Retail | Advertising | Commercial | Stock  

These pages explore image size and placement.
This page style uses frames around smaller images which are 320 pixels in
the maximum dimension.  This style might be appropriate for an on-line
catalog ... the small images download faster and there is room to the right
for a description. Here the background is white, #FFFFFF.

Image by Maine Photographics Copyright 2003 by Bruce T Cassaday – all rights reserved Here where you would put a description and price of the of the item displayed on the left. This description could be center on the image as in this case or "top aligned".
 
Item: ###       $X.00
 
Image by Maine Photographics Copyright 2003 by Bruce T Cassaday – all rights reserved Here where you would put a description and price of the of the item displayed on the left. Here the description is at the top, make them all consistent.
 
Item: ###       $X.00
 
Image by Maine Photographics
Copyright 2003 by Bruce T Cassaday – all rights reserved
Notice if you code everything correctly a portrait image is centered in the column width required by the landscape images.
 
Item: ###       $X.00
 
Image by Maine Photographics Copyright 2003 by Bruce T Cassaday – all rights reserved Be sure to experiment with your pages. First try various window widths for the browser your are currently using. Then try the same thing using different browsers running at different screen resolutions.
 
A 240x320 image is probably a good comprimise for most catalogs. With high compression they download quickly, yet are big enough to be seen. Usually they are big enough not to require a "click for larger image" option (but you could always add that for products where it seems appropriate.
 
Notice what happens when the desciption is very long as in this case. Here the image is "top allinged", but it could be centered.
 
Item: ###       $X.00
 

info@mainephotographics.com

Home | Retail | Advertising | Commercial | Stock  

Copyright 2003 by Maine Photographics
and Cherryfield.net -- All rights reserved