HOW-TO: Image Preparation

[Ryk]

As far as I understand it, the thumbnails have no suffix, the product info pages uses MED and the "larger image" uses LRG and all are picked up automatically depending on the situation, but remember that the filename must be identical (including case-sensitivity) for all three.

My set-up - which works fine - is that images.jpg are in images, images_MED.jpg are in images/medium and images_LRG.jpg are in images/large.

May I suggest you just test one using the "standard" suffixes in the "standard" directories?

The main thing about speed - particularly on a graphics-intensive site like yours - is that the images need to be optimised for the situation, and which is why I strongly recommend that all your images are saved at the dimensions you wish to display them. I use 400x400px (LRG), 200x200 (MED) and 100x100 for the thumbs and start with the largest one first and resize downwards. You will probably need something higher than 400x400 for your LRG.

In your case, the client needs to see a fast loading product list, and a fast-loading product-info. There you can put a comment to the effect that the large image will be of high resolution and that they may have to wait a few seconds for it to display.

I've seen (somewhere!) on the forums about the multiple images, but I can't remember where, and with regard to a zoom-in option...I'm sure it's possible. One way to do it would be to use the multiple images as "details" and have them link to a "zoomed" image , but I don't know how to go about coding that as a global option.

[tombenson2]

Ryk

Your original posting and follow up discussions were superb! You have made my day!!! Can't thank you enough.

Cheers!!

Tom

[Ryk]

Ryk

Your original posting and follow up discussions were superb! You have made my day!!! Can't thank you enough.

Cheers!!

Tom

Thank you - and to thank me, when you're up and running, set up a regular donation to the ZenCart dev team (of which I am NOT a member! ) as a way of thanks to the whole community.

[tombenson2]

Will Do! Thanks!

[TrickyIreland]

hi everyone,

I really need to fix my image issues!
I have followed the instructions in this tutorial, i have images in the following locations

shop/images/img1.jpg
shop/images/medium/img1_MED.jpg
shop/images/large/img1_LRG.jpg

Unfortunatly all of my pictures are being selected from the root images directory.
The only thing i can think of is i use Easy Populate to bulk upload my products & i specify the image name within the program.

Would this cause a problem? if so i can direct my issue to the developers of easy populate to see if they can support it.
If Easy populate should not cause an issue, could someone please visit my site and root around and maybe tell me if its something silly.

I appreciate the help, thanks again!

[Ryk]

could someone please visit my site and root around and maybe tell me if its something silly.

A bit tricky, Tricky, without an address!

[TrickyIreland]

haha sorry about that, silly me!

http://www.theoakpineshop.co.uk

[wolf99]

dunno if this is already covered, as I'm only quickly browsing, but for those using photoshop (techniques will apply to other editors) a good tutorial optimizing .jpg and .gif can be found here (the two articles at the bottom)

I know I found it V. Handy.