Browser image resizing

[ChocolateTeapot]

I'm using a gif that's 200px wide and 405px high as a product image. The original was a jpg which was resized using Adobe Photoshop save for web function.

 

In admin/configuration/images/small image width = 75 and small image height = <<nothing in this field>> calculate image size = true.

 

See http://www.chocolateteapot.net/product_inf...&products_id=39 as an example. The large image is ok but the small image is distorted. If I resize the image to 75px in Photoshop the image is a lot clearer.

 

I though it may be the way that the the browser resizes, but other sites don't seem to have this problem.

 

Can anyone tel me what I'm doing wrong?

 

Thanks in anticipation.

[mi_jaiten]

I'm using a gif that's 200px wide and 405px high as a product image.  The original was a jpg which was resized using Adobe Photoshop save for web function.

 

In admin/configuration/images/small image width = 75 and small image height = <<nothing in this field>> calculate image size = true.

 

See http://www.chocolateteapot.net/product_inf...&products_id=39 as an example.  The large image is ok but the small image is distorted.  If I resize the image to 75px in Photoshop the image is a lot clearer.

 

I though it may be the way that the the browser resizes, but other sites don't seem to have this problem.

 

Can anyone tel me what I'm doing wrong?

 

Thanks in anticipation.

<{POST_SNAPBACK}>

I think your being pinickerty what I as a shopper would rather see is the product I'm expected to buy, not the bag I.m going to carry them away in.

 

Some of your images are not showing if you right click on them then click properties you'll see they have no path defined just /images, when you upload from your PC make sure the full path including image name and extension i.e. .gif or .jpg etc show in the box before you hit save.

 

Kind Regards,

Michelle.

[ChocolateTeapot]

I think your being pinickerty what I as a shopper would rather see is the product I'm expected to buy, not the bag I.m going to carry them away in.

 

Some of your images are not showing if you right click on them then click properties you'll see they have no path defined just /images, when you upload from your PC make sure the full path including image name and extension i.e. .gif or .jpg etc show in the box before you hit save.

 

Kind Regards,

Michelle.

<{POST_SNAPBACK}>

 

I haven't uploaded all the images, I wanted to get the quality right, this is the one that I'm using as an example of the poor quality http://www.chocolateteapot.net/product_inf...&products_id=39, ignore all other pages.

 

I don't think that I'm being too pinickerty, the reduced size images are not good enough quality and this will be more obvious the larger I make them.

 

Other sites don't seem to have this problem so there must be a problem my end.

 

Thanks for trying to help though.

[Guest]

There's a great Contribution called BigImages that I used. What it does is adds another field in your admin so you can have a thumb image and a separate larger image for your popup box. Works great. It's fairly easy to add if you are using a clean install of OSC otherwise compare files CAREFULLY.

 

I also left both HEIGHT and WIDTH empty in the product image configuration with CALCULATE IMAGE SIZE > TRUE.

 

I enhanced it even more by incorporating a javascript to resize the popup box according to the size of the image, giving me more flexibility with the images.

[Panic36]

BigSize

 

Yes I was just about to post the link to that lol....

 

Check this out it's great and it allows you to store two pictures one higher quality larger picture to show in the popup, and also a smaller image you can resize the actual picture in photoshop so you don't lose the quality...

[ChocolateTeapot]

Thanks to you both, that's really helpful.