webiny-js icon indicating copy to clipboard operation
webiny-js copied to clipboard

Images smaller than 2500 width are not scaled to 2500 and this returns Image not found for desktop.

Open websuits opened this issue 2 years ago • 1 comments

Version

5.24

Operating System

MacOS

Browser

Chrome

What steps will reproduce the bug?

Drag an image component to a page. Upload an image smaller than 2500px width.

What is the expected behavior?

The image should skip the 2500 scaled version, and use the biggest available scaled version.

What do you see instead?

Image not found.

Additional information

Screen resolution 3880, Macbook Air 13 Retina Screen

Possible solution

As a workaround bigger images should be used.

websuits avatar May 04 '22 12:05 websuits

Additional Details

We discovered this issue when the image uploaded in Page Builder was not visible on desktop but was visible on mobile devices. It issue is related to this particular image (attached one). If you upload this image, it will get resized to all the sizes except 2500 (maybe because the original size of image is 1200 × 345)

When your screen resolution is high (in @websuits case - 3880, Macbook Air 13 Retina Screen). The resolution of his computer was around 2560*1600, due to which it was rendering the image with near to width=2500 and thus not working on desktop size.

  • Original image - https://dgcjoro7pem63.cloudfront.net/files/9l2rikvga-stefan-image.png
  • Image scaled to 2500 (not working, because it was not generated) - https://dgcjoro7pem63.cloudfront.net/files/9l2rikvga-stefan-image.png?width=2500

(Attached Image) image

Thank you @websuits for reporting it.

swapnilmmane avatar May 04 '22 13:05 swapnilmmane