I am doing an ecommerce site that has approximately 150 products. Each product shot will be used multiple times in multiple places. For example, a larger version when they click on the zoom image, a small version for each category page, a medium sized image for each product page, and yet another size for the "related products" section of each product page. In the end I have hundreds of images at different sizes. This is so inefficient and timely to maintain.
I need a better solution. Ideally I would create one image of each product and resize it as needed on the different pages. The problem is the image size can vary dramatically from a large image to a small image. For example, an image featured on the home page might be 45K. However the lightbox zoom image might be 150K. Any ideas on what I can do. I'd hate to have visitors load large images on every page when a thumbnail sized image could be used.
Is my only choice to do 3-4 version of the same image? Ugh...
Thanks for any help and advice!