This object is in archive! 

Product image

Steve M. shared this question 7 years ago
Answered

I am porting products to wordpress, and the shortcode creates an enlargement of the product image when clicked. All of my images are different sizes (w x h), so some turn out fuzzy when enlarged. I assume that bigger is better, but are there optimum or at least minimum sizes that these should be to enlarge properly?

Comments (4)

photo
1

Here's the way it works:


When you upload an image for a piece of inventory, we upload the full size image, for use on the website, and a resized 250x250px version of the image for using in templates and the quote form. Resizing a full sized image can be tricky though because a computer is taking maybe 100 pixels of varying colors and turning that into 1 pixel color, and just kind of guessing at what color it should be. So if the thumbnail (250x250) image doesn't look good in IO, you may need to resize it in another photo editing program first down to 250x250.

But the problem then becomes, if you upload a 250x250 image, the full size image that is uploaded is still only 250x250. You could edit the product page individually on the website to insert a different/large image though. This would be the only solution at the moment. I'll talk with the team about making the full size image accsessable in the edit rental user interface.

photo
1

I looked more and realized the maximum size for the "full size image" i mentioned is 750x750px. It may help the resize down to 250x250 by starting with a nice, round, 750x750px image.

photo
1

Not concerned about how the image looks in IO because all of the are larger that 250px. The problem is that a small image looks awful when seen in WP enlarged. I know that enlargement scripts are usually written to enlarge one of the dimensions to the max and then scale the other to match. Are you suggesting that images should have at least one dimension at around 750px to look good in WP?

photo
1

not necessarily but it could help if the image is much larger than that and is getting compressed down to look odd. But which image variable are you using in the shortcoder? It sounds like you might be using the smaller image that's uploaded.


%image% and %image_big% are the 2 options you have.

photo
1

Using href="%%image_big%%"

photo
1

I know for sure that the problem is that I have small images that are being stretched and distorted. Just trying to get some advice how how big the images need to be to show properly. If 750px is "full size" then I guess that is my answer, and I will have to find larger images or place them onto 750px x 750px white backgrounds... Thanks.

Replies have been locked on this page!