Jump to content
Sign in to follow this  
Lynne in NY

Product Images have varying quality

Recommended Posts

Hi,

We've noticed that we have to cop our product images to very small - no more that 4" x 4". And that's no issue, but no matter how crystal clear our images are, in the product listings they are fuzzy. And even under the category listings, they are still fuzzy, but not as much. And under the product detail, they are almost perfect. What is causing the lack of clarity in the areas, and how can we fix it? Is this an artifact of a thumbnail creation within the software, or a .css styling?

I found this in the knowledge base, but we don't even get close to that kind of clarity once the pictures get uploaded:
https://support.cubecart.com/knowledgebase/article/View/224/45/can-i-upload-product-images-over-350kb-kilobytes

ps.... we've been uploading images as .jpg's. Should they be converted to jpeg? I've never understood the technical difference between the 2 formats.

 

Share this post


Link to post
Share on other sites

Cropping images to "very small". and you mention a physical dimension in inches.

On an image which has rendered smaller sizes that doesn't turn out so well, what is the WxH size as measured in pixels?

JPG and JPEG are the same format.

There is one interesting setting when creating a JPG image: progressive interlace mode. This tells the application that displays the JPG to show a rough image immediately, then progressively fill in finer detail.

I do not know if the image code library in PHP that CubeCart uses makes a difference with respect to this mode.

 

Share this post


Link to post
Share on other sites

This is an example of how the images are rendering. The small one is an image that was recreated somehow other than by %, which actually could enhance the image. I expect to lose some clarity on enlargements, it's not too bad. But the clarity on either falls far short of the example given in the aforementioned "support.cubecart" link.

 

Untitled.jpg
 

Share this post


Link to post
Share on other sites

The source image compresses (JPG) from 395K to 44K (compression value = 8). The rendered 500 size compresses from 395K to 23K (compression value = 20).

CubeCart will not make rendered variants larger than the source image.

You might consider editing the skin's config.xml file to make the larger variants have quality="100". (Note that this file for the stock Foundation skin will be overwritten on upgrade.)

 

Share this post


Link to post
Share on other sites
Posted (edited)

I will try that, thanks.

...if I make a copy of the .xml file in the same folder, would that get removed on an upgrade? Just thinking I'd like to have a copy to do a string comparison on after upgrades.

Edited by Lynne in NY
clarity

Share this post


Link to post
Share on other sites

The renamed copy of the edited config.xml file will not be overwritten.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...