X
Tap here to go to the mobile version of the site.

Support Forum

How can I fix the image scaling quality?

Posted

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. :

http://i1340.photobucket.com/albums/o721/OfficialBoldenPhotobucket/GoodqualityBadqualitycomparison1_zps664579e9.png

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.

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. : http://i1340.photobucket.com/albums/o721/OfficialBoldenPhotobucket/GoodqualityBadqualitycomparison1_zps664579e9.png 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

Fx22layout.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 2

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.8 r800
  • Google Update
  • AppWorld NPAPI plugin
  • Next Generation Java Plug-in 10.25.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Shockwave Flash 11.7 r700
  • iTunes Detector Plug-in
  • RealNetworks(tm) RealPlayer Chrome Background Extension Plug-In
  • RealPlayer(tm) HTML5VideoShim Plug-In
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • RealPlayer Download Plugin
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Yahoo Application State Plugin version 1.0.0.7
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • Adobe Acrobat Plug-In Version 7.00 for Netscape
  • DRM Netscape Network Object
  • Npdsplay dll
  • DRM Store Netscape Plugin

Application

  • User Agent: Mozilla/5.0 (Windows NT 5.1; rv:22.0) Gecko/20100101 Firefox/22.0

More Information

Andrew
  • Moderator
277 solutions 3567 answers

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

Fx22layout.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.

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''' [[Image:Fx22layout.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 [https://addons.mozilla.org/firefox/addon/default-fullzoom-level/ Default FullZoom Level] or [https://addons.mozilla.org/firefox/addon/nosquint/ NoSquint] extension. To adjust the font size for the user interface, you can use the [https://addons.mozilla.org/firefox/addon/theme-font-size-changer/ Theme Font & Size Changer] extension. Did this fix your problems? Please report back to us! Thank you.
cor-el
  • Top 10 Contributor
  • Moderator
12324 solutions 114043 answers

See:

Please DO NOT comment in bug reports: https://bugzilla.mozilla.org/page.cgi?id=etiquette.html

See: *https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering *[https://bugzilla.mozilla.org/show_bug.cgi?id=423756 bug 423756] - Request: Switch for authors to turn on/off bilinear filtering when enlarging images *[https://bugzilla.mozilla.org/show_bug.cgi?id=486918 bug 486918] - Awful image quality in image scaling <i>Please DO NOT comment in bug reports: https://bugzilla.mozilla.org/page.cgi?id=etiquette.html</i> *http://www.pixeljoint.com/2009/06/14/2854/Bilinear_Filtering_is_over_sorta_%3BP.htm

Modified by cor-el

Question owner

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!

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!