Help with images when uploading products

[laurieudy]

I am uploading my products and adding images. I do them all the same but a couple of them wont display the image and just have an X. Can someone please help me on what is happening????
http://studiofrenzy.com/ZenCart/
Thanks!!!

[gjh42]

Your thumbnail images are gigantic - 90-150k. That alone might choke a slow connection and make the last few not display...

You need to have small image files (say 200x200 px, and no more than 5-10k) for your thumbs. You can load the ones you have in the /images/large/ folder, with filenames changed appropriately (filename_LRG.jpg), so they will come up when you click for larger image in the product info page.

[laurieudy]

Thanks for the info. but when i save it around 10k it is really small and fuzzy and you can barely see what it is. any other suggestions??
http://studiofrenzy.com/ZenCart/inde...dex&cPath=1_29

[gjh42]

What program are you using to edit the images? You need to specifically make the image 200x200px at 72ppi, and then "save for web" if your program has an option like that. Select the quality you need to get a good image.

If you have an image that is 1000x1000px and you display it at 200x200, you will get no better quality (probably worse, from on-the-fly reduction) than if the image was 200x200 to start with.

[laurieudy]

Thanks for your help. i am using photoshop but i wasnt saving for web; so i am doing that now. I did 200px x 200px with 72ppi but it is still pretty big. it is not 5k-10k. Will you check out my page and let me know if test6 is good? If not i dont know how to do the above ratios to get it down in size.

http://studiofrenzy.com/ZenCart/inde...dex&cPath=1_29

Thanks!!!

[gjh42]

Ok, it looks like 18k is about as small as you can get those images and still have good quality. So be it. It is still way smaller than 90-150k.

Do you have the image failure problem with a page full of those?

[laurieudy]

Thanks for your help. just one more question. Is there anyway to put spaces between the products in the product listing because the pictures all run togheter and i thought it would be nice to have a space between there.
Thanks!

[gjh42]

Add to your stylesheet

/*  space & border between listing items */
.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em;
	margin-bottom: 1em;
	border-bottom: 3px double #aaccbb;
	}

Adjust as desired - eliminate what you don't want.