You are here:  » What's Causing this Image Expansion?

Support Forum



What's Causing this Image Expansion?

Submitted by raid on Mon, 2010-09-20 15:51 in

Hi

I have blended the PriceTapestry script into a template of my own, so my site at:

{link saved}

now has two stylesheets. Something is causing the images on my site to expand and cause them to be very slightly blurry. You can see the way the images should look by using (in Firefox):

{link saved}

Does anyone know what might be affecting the images? I am guessing it's something to do with the stylesheet.

Thanks

Submitted by support on Mon, 2010-09-20 16:40

Hi,

The default template fixes the width of images in each of

html/featured.php (line 11, height='100')
html/product.php (line 7, width='180')
html/searchresults.php (line 10, width='80')

These may result in images appearing blurred if, for example, very small images have been registered (where small/medium/large images may be available) but otherwise I have made sure that the default template only fixes one dimension - fixing both will always cause distortion as the browser attempts to re-scale the images...

Always check that the largest images available are registered - that should make sure that the scaling doesn't result in blurred images...

Cheers,
David.
--
PriceTapestry.com

Submitted by raid on Tue, 2010-09-21 09:34

Can you clarify what you mean by an image having been registered?

The images I'm referring to are the merchant logos in the left hand col of headsets.me.uk. They're my own images and I've fixed the width and height of them (80px x 40px), so I can't understand why they should be blurred. The browser is reporting the dimensions of the images correctly. It is only a very slight blurring effect so I may be able to live with it, I just find it a bit strange.

Rgds

Submitted by support on Tue, 2010-09-21 09:45

Sorry I see where you are referring to now... I was referring to product images as you see in the search results and on the product page.

They are looking fine in Firefox at the moment - no blurring at all and looking exactly as they appear if using "View Image" to show the logos on their own. The first thing I would try however is removing the width and height values altogether - I know it's best to have them in to avoid ugly resizing but just as a test to confirm that it is nothing to do with that, if that's no different, replace them and do the same with hspace and vspace to see if that might be causing the scaling...

Hope this helps!

Cheers,
David.
--
PriceTapestry.com