How can I fix the image scaling quality?
I've just updated my Firefox browser to 22.0 (I have windows xp). I've just noticed how bad the image scaling quality is.
This is how it looks like compared to Google Chrome, the original image size was 321 x 192. :
Is there Any type of solution in order to fix this? I've tried going into the about:config and changing the image scaling to false, I've tried the Shift + R thing (which showed No difference whatsoever), I've tried cleaning the cache, I've tried seeing if the proxy was causing the problem (it wasn't), I've tried other "solutions" that didn't work (something to do with switching a certain number setting to 0 - I apologize since I forgot). None of those solutions work. Is there anything I could do with the HTML coding - something to do with the algorithm? I've heard of the HTML Validator add-on with Firefox, I'm wondering if that could help.
If coding is to be involved, could you please explain it in the most easy way possible? Imagine that I'm a five year old, and you'd have to explain the type of coding to me. I know that sounds silly, but many of the coding "solutions" I've seen are very complicated. I'd really just like some help. I highly appreciate any help I could get.
Chosen solution
Hello,
Firefox on Windows is now following display scaling options which may render text larger on high resolution displays. There's more than one way to resolve this problem. See the Webpages are large and blurry after updating Firefox - how to fix article for one suggestion. Here's another possible solution:
- Type about:config into the Firefox address bar and tap on the Enter key.
- If the warning This might void your warranty appears, click I'll be careful, I promise.
- Search for layout.css.devPixelsPerPx
- Double-click on layout.css.devPixelsPerPx to modify its value. The default is -1.0 in Firefox 22 and above. Change it to 1.0 to make it work like in previous Firefox versions.
If necessary, further adjust the value in 0.1 or 0.05 steps. Use values between 1.0 and about 0.5 to reduce elements in size. Use values greater than 1.0 to increase size. For example, a value of 1.25 will increase font size to 125% to accommodate the default DPI setting in Windows 8. Double check the value that you enter. Setting a too small value will make everything disappear and a too large value will blow things up.
If web pages still need to be adjusted then you can look at the Default FullZoom Level or NoSquint extension.
To adjust the font size for the user interface, you can use the Theme Font & Size Changer extension.
Did this fix your problems? Please report back to us!
Thank you.
Read this answer in context 👍 2All Replies (3)
Chosen Solution
Hello,
Firefox on Windows is now following display scaling options which may render text larger on high resolution displays. There's more than one way to resolve this problem. See the Webpages are large and blurry after updating Firefox - how to fix article for one suggestion. Here's another possible solution:
- Type about:config into the Firefox address bar and tap on the Enter key.
- If the warning This might void your warranty appears, click I'll be careful, I promise.
- Search for layout.css.devPixelsPerPx
- Double-click on layout.css.devPixelsPerPx to modify its value. The default is -1.0 in Firefox 22 and above. Change it to 1.0 to make it work like in previous Firefox versions.
If necessary, further adjust the value in 0.1 or 0.05 steps. Use values between 1.0 and about 0.5 to reduce elements in size. Use values greater than 1.0 to increase size. For example, a value of 1.25 will increase font size to 125% to accommodate the default DPI setting in Windows 8. Double check the value that you enter. Setting a too small value will make everything disappear and a too large value will blow things up.
If web pages still need to be adjusted then you can look at the Default FullZoom Level or NoSquint extension.
To adjust the font size for the user interface, you can use the Theme Font & Size Changer extension.
Did this fix your problems? Please report back to us!
Thank you.
See:
- https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
- bug 423756 - Request: Switch for authors to turn on/off bilinear filtering when enlarging images
- bug 486918 - Awful image quality in image scaling
Please DO NOT comment in bug reports: https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
Modified by cor-el
Increasing the size of the image within the website seemed to help a bit. It's still a bit of a hassle to have to deal with large looking websites just for an image to look normal, but it's better than nothing. Thank you for the help!