Problem with resolution images in new update

Hi @rodrigoflausino, thanks for getting in touch!

if i open the webstories in PC browser (like Firefox and Chrome) the cropped image (with background and without) its set to 450px width size

Can you clarify what cropped image you are referring to? Where in this story https://selectgame.gamehall.com.br/web-stories/anuncio-de-company-of-heroes-3/ do they appear?

Thanks!

Hi @shetheliving in example for Company of Heroes, the problem its in all pages. I deactivate the Jetpack photon and clear the cache (with Wp_Rocket) and not working.

In page 4, gets this image URL (450×253):

https://i1.wp.com/selectgame.gamehall.com.br/wp-content/uploads/2021/07/Company-of-Heroes-3-PC-Screenshot-03.jpg?fit=450%2C253&ssl=1

The original image:

https://i1.wp.com/selectgame.gamehall.com.br/wp-content/uploads/2021/07/Company-of-Heroes-3-PC-Screenshot-03.jpg

The same URL image its show in backgound in pages 2 and 3.

It it set with srcset parameter?

• This reply was modified 3 years, 4 months ago by Rodrigo Lima.

@rodrigoflausino Thank you for clarifying –?very helpful! I’m going to do some testing on my side to see what I can find. I’ll be in touch with an update soon.

Hey Rodrigo

Thanks for reporting this issue!

It looks like this only happens for images that are set as background covering the whole page, is that correct? For example, page 2 and 3 look blurry, but page 4 is better.

We’ll definitely take a closer look at this to fix this ASAP

@swissspidy yeah. The page 4 its better. In other posts, without image background and i cover entire page with image (in page 2), the image its sets for 450.

Thanks for clarifying, @rodrigoflausino. I’ve created a GitHub issue for this here: https://github.com/google/web-stories-wp/issues/8344 and I’ll update you here when a fix has been released.

@rodrigoflausino We’ve recently released a new version of the Web Stories for WordPress plugin which includes the fix for the issue you reported. We’ll mark this topic as resolved here but please update to version 1.10.0 to confirm the issue has been resolved on your end. Thank you!

Not resolved. In mobile its better, but in desktop browser its blurry.

In ths image i fixed with a new crop (using Gimp editor). The first image its using an wallpaper resolution (1920×1080), with background configuration. The second image its cropped, with 810×1440:

Image error webstories

In another image, i tried to reupload the image, with 1600×900 pixels and set to backgroud. Its blurry.

Image error webstories part 2

In my all new webstories i need to re-cropped all imagens with Gimp/Photoshop to tried the better resolution. Im mobile its ok, but to get better results i need to upload in similar resolutions (like 640×900 or similar).

@rodrigoflausino My apologies. You are correct, and I was able to reproduce it as well. We’ll continue to investigate this issue and we’ll keep you updated as well.

Hi @rodrigoflausino,

Apologies for the delay here, but we released a fix for this issue in our most recent release. Can you confirm that you are no longer seeing this problem? Thanks!

@rodrigoflausino We are going to mark your topic as resolved as we haven’t received a response. Please feel free to open a new support topic if you continue to experience any issues. Thank you!