Image Display Issues in 3.3.1

Hi,

This is how the image has been scaled by WordPress image resizing – https://sunglow-wholesale.com/wp-content/uploads/2017/11/DG-110-3_HERRINGBONE-BROMPTON-BROWN-200×637.jpg

That is not controlled by CSS.

If you look on your server at all the image sizes for that (there will be several) alongside the full image, they should all have the same appearance?

Some websites suggest it’s the original image’s color profile https://www.wpbeginner.com/wp-tutorials/how-to-fix-image-color-and-saturation-loss-in-wordpress/

> Something weird has happened to a bunch of my images after the update.

After the update, images may have been regenerated, but thats not nothing beyond ‘regenerate thumbnails’ plugin or uploading to WP media library will do. It uses the same functions.

I was not having this issue before the update though. Why would the handling of colour profiles suddenly change?

Also, the images don’t all have the same appearance. Full size looks fine. The smaller sizes look weird.

If you regenerate thumbnails via say the regenerate thumbnails plugin, do they resize the same with the same colours? Can you provide a few originals I can test?

Hi, I have the same problem at all pages where woocommerce is integrated. Before update we had three options to set image resizes – Catalog images, Single product image, Product thumbnails. Now we have only two options and so the only way to show clear Catalog images is to set thumbnails width the same as Main image width and then you have to edit extra css. I also found a problem that clik on the main image on single product page will not open the lightbox but it always goes to a new tab.

Thats not the same problem. We’re talking about thumbnail quality here. Go add your feedback to https://github.com/woocommerce/woocommerce/issues/18910 and please don’t try to hijack other user threads.

@emilygonsalves, I had a problem with fuzzy thumbnails as well after update, and came here to post about it. Then I went back and looked over settings again – and I had not yet run the woocommerce database update (which you should see a warning about at the top of the page in your dashboard.) Once I ran the required woo database update my thumbnail sizing problem on the front-end was fixed. Give that a go?

@mike sure, here is one of the full size images https://drive.google.com/open?id=1GTN49YOakuBsfJ8TIpUJUJ8IgMMWIa-o

I tried regenerating the thumbnails but it didn’t help.

@mandm23 where do I find that setting? I don’t see any warnings in my dashboard.

@emilygonsalves it will be a message with a purple border that i believe should appear on any page, but will definitely appear at the top of the page on the Products page.

If you *have* run it already, you’ll have a different message with a purple border displayed that says “WooCommerce data update complete. Thank you for updating to the latest version!”. That message displays until you dismiss it. If you don’t see that one you probably haven’t run the update.

If you still aren’t seeing the message telling you to update your woo data you can (according to this post, i haven’t done it) trigger an woocommerce data update by appending

wp-admin/admin.php?page=wc-settings&do_update_woocommerce=1

to your URL.

@emilygonsalves I’m not seeing the issue with that image. I wonder if something on your server has changed e.g. lack of ImageMagik? I know WordPress falls back to GD library which causes poor quality thumbnails.

I haven’t changed servers recently. We moved servers in mid-January. This issue only started very recently after updates.

Everything was fine before the latest updates, so it’s either Woocommerce or WordPress updates changing something. The Woocommerce update seemed more significant and required all the thumbnails changing, so I’m inclined to believe it’s related to that.

I don’t know how to fix the issue or how widespread it is. Looking through 1500+ images isn’t really practical.

I don’t think it’s my images directly, it’s something about the automatic resizing. Full size still looks fine on the site after all.

@emilygonsalves

1. Assume the products existed prior to your server move mid-January.
2. WC update triggers image regeneration due to new settings.
3. New server which lacks imagemagick generates the poor quality thumbnails.

Since regen thumbnails plugin and uploading images to media due to same thing, the above sounds true. Also given the same image uploads to other installs fine with good thumbs, it also sounds true.

Check with host if it’s enabled? It’s a PHP module. I’m not sure if it’s standard.

• This reply was modified 6 years, 9 months ago by Mike Jolley (a11n).

Host says Image Magick is already on the server.

Any other ideas?

I had to change the aspect ratio and turn off cropping because the settings moved around, but that page you linked seems to explain why it’s having problems with some images. Sounds like it’s something about the on the fly process. I’m pretty sure some of my affected images have transparent backgrounds and I wonder if that’s confusing the processor.

I don’t like that my images were fine before and now a bunch of them look off. I should be able to use transparent PNGs whenever I want without them getting messed up in the thumbnail appearance. If it’s messing up when there’s transparency, that’s way too many images for me to manually fix (and I shouldn’t have to anyway as they worked before the update!).

This is a bit disappointing, I want my images to be more consistent and I shouldn’t have to spend hours editing them to fix an error that wasn’t happening before.

By the way, I’m using the Shapely theme with some CSS modifications that I made. I’m not sure if the theme makes a difference in this case.