starlight324

Hey @valwa
what I don’t understand about it is the following. The image on my site has a width of 425px. If retina images are disabled, page insights does not show any warning, so the image size seems to be fine. If retina images are enabled, the 425@2x image is flagged by page insights. However, as the normal image was not flagged, I assume that the image pixel size is appropriate for a DPR:2 retina display. Besides, as far as I can see, the normal image size is noted in the html under “srcset” with the retina image. So, if page insights thinks that the retina image is too big (e.g. if the page insights simulator uses DPR:1), why does it not use the normal image size instead?
Page insights has a link to a guide on responsive images (https://web.dev/articles/serve-responsive-images). To me it seems, that Perfect images is following this guide.
In conclusion, I’m a bit confused why the retina images are flagged.

Hey @valwa
thanks for your reply :). The name of the images appears unchanged to me. However, I think I may have found the reason for the above-described issue. I did use a different image size for the woocommerce-thumbnails (which I created with Perfect Images). As I did not use the “original” woocommerce thumbnail size, I deactivated it in Perfect Images. For test purposes, I enabled the creation of the original woocommerce thumbnail size again and now I don’t observe the issue anymore. Therefore, it seems to me that the issue might have been caused by the deactivation of the woocommerce thumbnail image size.

Update: I tried without any caching plugin and had the same issue.

So, I checked the logs and it seems that refreshing the cache triggers an *HTML REWRITE FOR PICTUREFILL. The image sizes that are not recognized anymore do not appear after the HTML rewrite. So it appears that they get “lost” along the way. Yet, refreshing the cache does not always lead to product images not being recognized by perfect images anymore.

Alright, thanks for your answer. I’m waiting for the reply of the plugin support.

Update: Now, retina images work on most pages ??
The woocommerce product image and the gallery pop-up image/ lightbox image, however, are still not displayed as a retina images. I checked the sourcecode and the src set is either empty or does not seem to exist (for thumbnails, which are displayed as retina images, it exists with the correct file path). Disabling the other plugins I use did not change this.
I wondered if there is a way to add the src set for an image, e.g. the “large” wordpress image. Or could only the plugin developers do this? I’m using the “Additional Variation Images Gallery For WooCommerce”.

• This reply was modified 7 months, 3 weeks ago by starlight324.
• This reply was modified 7 months, 3 weeks ago by starlight324.