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.

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

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

Notice if you code everything correctly a portrait image is centered in the column width required by the landscape images.

Item: ### $X.00

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