Large homepage images are reduced when they are saved and are darker
If I save larger images of a homepage with the right click, they are reduced and darker.
Example: https://i2.wp.com/radical-mag.com/wp-content/uploads/2019/08/@Test-BMW-320d-8.jpg?fit=2500%2C1668
Original Size 1,21 MB and saved with 678 KB and the Camera-Dates are deleted.
It works fine with other browsers.
How can this be solved? Thank you
All Replies (3)
Hi ansicla, when I view this image "stand alone" in its own tab and hover over the tab with my mouse, it indicates:
(WEBP Image, 2500 x 1668 pixels)
When you save the image using Firefox, although it saves with a .jpg extension, it isn't actually converted to JPEG, it's still in a WEBP container. Firefox doesn't yet have any built-in conversion when you save WEBP images.
What Chrome is doing when you save with a .jpg extension is pulling the image out of the WEBP container and saving as an actual JPEG. The file is larger because the extra WEBP compression is no longer being applied.
If you need the EXIF to stay intact, you probably need to use Chrome to convert the WEBP to JPG. If that isn't important, there are Firefox add-ons to save WEBP to JPEG but they use a canvas to re-render the image and the EXIF is not preserved in that process.
Regarding the difference in colors, perhaps this is related to some difference in how your image software renders JPEG and WEBP images. I don't notice a difference in Windows "Paint" but I assume it is not color profile aware.
This website supports WebP images and because Firefox sends via the HTTP request headers that it supports WebP images you get a 678 KB WebP image and not the 1.2MB JPG image.
Firefox saves the image for me with a .jpg.webp file extension.
- @Test-BMW-320d-8.jpg.webp
If I open the Network Monitor and modify the accept header without image/webp and use Edit and Send to request the image then I get the JPG image.
- Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
- Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
You can save the image directly from the Network Monitor via the right-click context menu.
- "3-bar" menu button or Tools -> Web Developer
- https://developer.mozilla.org/en-US/Tools/Network_Monitor
Modified by cor-el
cor-el said
If I open the Network Monitor and modify the accept header without image/webp and use Edit and Send to request the image then I get the JPG image.
Taking this as inspiration, I created an extension to strip out image/webp which probably will help on a lot of sites: