webiny-js
webiny-js copied to clipboard
Images smaller than 2500 width are not scaled to 2500 and this returns Image not found for desktop.
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.
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)
Thank you @websuits for reporting it.