Product Image Sizing for Magento

During the recent launch of Keramikoskitchen.com, our client, Naseem Jarjoura, wanted to allow for product images to be enlarged when double-clicked.  For some reason the image would just not load correctly so that it fit within its allotted area correctly.  Here is an example of what Naseem wanted to do:

When you double click on the knife set, then you get this enlarged image:

Images need to be sized specifically according to their Magento store location in order to pull this off. Here is what Naseem had to say:

In order to achieve the best results the image should be sized to 600 x 600. This size allows for a centered image, zoom functionality and click to enlarge is not overblown. If you notice in the knife sets I incorporated into the art a “click here to close”. Simple solution for people that can’t figure out how to close the screen.