Browsing on a smartphone or on a narrow browser window results in some wide pictures to be stretched and losing their original aspect ratio.
Steps to reproduce: 1. Go to an article containing some wide pictures, for instance https://fedoramagazine.org/whats-new-fedora-workstation-39/ 2. If you're on a smartphone, you should already see the wrong aspect ratio. Else, use Firefox and emulate a narrow device with Ctrl+Shift+M. In some cases you might narrow the window to see the effect clearly. 3. The pictures have a wrong aspect ratio
Expected behavior: The image should resize so that its own aspect ratio remains correct. The user can regardless click on it to enlarge or zoom.
I will attach some screenshots from both my smartphone and browser. <img alt="Schermata_del_2023-11-08_07-41-56.png" src="/fedoramagazine-theme/issue/raw/files/4f03051bb6d1f8194b1f958a4b72cd07d9b99e4e54520c89e00c5db4518699e4-Schermata_del_2023-11-08_07-41-56.png" /> <img alt="Schermata_del_2023-11-08_07-42-02.png" src="/fedoramagazine-theme/issue/raw/files/04b5581953f3e94591ef7880ef425633f2be85d2931126a47e003d0da19304f6-Schermata_del_2023-11-08_07-42-02.png" /> <img alt="Screenshot_2023-11-07-20-36-35-501_org.cromite.cromite.jpg" src="/fedoramagazine-theme/issue/raw/files/7c479a1d8486b2dea633d2749ef06d8f3832bdcc4a87ffe5b22ee873530ae936-Screenshot_2023-11-07-20-36-35-501_org.cromite.cromite.jpg" /> <img alt="Screenshot_2023-11-07-20-36-37-836_org.cromite.cromite.jpg" src="/fedoramagazine-theme/issue/raw/files/97c2ff123479b693faff06e124f18530424ee451e7d03450d675fedffa93eb3d-Screenshot_2023-11-07-20-36-37-836_org.cromite.cromite.jpg" />
Thanks for pointing out the problem. I was able to fix the smaller images (less that 686 pixels wide) by setting the aspect ratio to "original" (they were set to "custom"). However, for the wider images, it seems that WordPress will not let me set them to "original" aspect ratio. Sorry, I think this is something to do with the WordPress code. I tried reducing the image resolution, but for that shot of the calendar, it blurred the image badly. It is probably better that it be broken on just a few platforms than on all of them.
Thank you for your reply. I understand the reasoning and I think it is okay to leave it as it is now. Feel free to close the issue.
Metadata Update from @glb: - Issue close_status updated to: Fixed - Issue status updated to: Closed (was: Open)
Log in to comment on this ticket.