X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

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.

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
  • Top 25 Contributor
  • Moderator
251 solutions 3015 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.

cor-el
  • Top 10 Contributor
  • Moderator
10737 solutions 96600 answers

See:

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

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!