Troubleshooting image quality – Some images unexpectedly low res

@ddelicious Thank you for reaching out with your topic. There seems to be a low-resolution copy of the image on the story. Could you confirm that you only uploaded this image once?

The Imagery plugin creates several versions of an image. I did not choose for the lower res copy to be used in the slide. In the editing panel, a higher res version of the image appears.

Does the editing panel show the original image URL? I can’t find a way to see that.

@ddelicious The image URL can be located when you inspect elements in your browser developer tools. The Checklist panel will actually inform you when there is an image with low resolution as well as point out the image.

Could you try temporarily disabling the Imagery plugin and save your story again to check if the low-resolution copy of the image displays?

I deactivated Imagify, then deleted one of the low res images from the story and added it back in. Saved. The image still appears low res. I will ask Imagify if they know why a smaller version of the image is being served

@ddelicious In my testing, it looks like there are optimization options that could result in poorer images and overwrite the already uploaded images. If there was the option to use the backed-up images you could try and recover the originals. I recommend reaching out to their plugin support as well.

Here is what Imagify said:

Here is the code that is displaying the image you linked to:

https://jmp.sh/4e10khl

I think there is an issue with the responsive code used (which Imagify does not do anything with).

Have you tried viewing the page with your browser opened wide? If I do, it will actually load the higher resolution image (try wider than 1300px):

https://jmp.sh/TBVrRVO

I know that GWS may be saying it’s due to us, but being that we don’t touch your actual code used to display this image, I have to say I don’t think it is due to Imagify.

Let me know what you think and if I’ve missed anything. I’ll be glad to continue assisting however I can!

Best regards,
Joseph

So it looks like an issue with GWS responsive code. Not sure why that would affect some images in the slideshow and not the others.

@ddelicious Thank you for the update. We will definitely investigate this further on our end. Does this issue occur with the latest version installed (1.4.0)?

Not sure why that would affect some images in the slideshow and not the others.

Could you check if this happens when you remove the animations from that image and set it as background only?

I updated to 1.4.0. The problem did not go away.

I made the image in slide 2 the background image with no animations and now a higher res version of the pic appears.

I have the same situation some times in desktop browser. For one example i tried to set a photo for background.

https://www.selectgame.com.br/web-stories/danca-do-ventre-tematica-da-cleopatra/

In mobile, i don’t have problems. I used Jetpack plugin (with Photon) and WP Total Cache (but i don’t configurate total cache plugin yet).

The problem appears with a new post, but old posts apparently stop having the problem. I think the Jetpack takes time to set the images in Webp format.

• This reply was modified 3 years, 9 months ago by Rodrigo Lima. Reason: more information

@ddelicious We will be investigating your issue further in this GitHub ticket. We will follow up with any updates.

@rodrigoflausino As per forum guidelines, could you please open a new support topic? Thanks.

@rodrigoflausino @ddelicious Hello there! Web Stories version 1.9.0 has been released which included the fix for this issue. Please update to the newest version if you haven’t done so already.

We’ll mark this topic as resolved but feel free to open new support topic should you encounter any other issues. Thank you!