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

Graphics are large and blurry

Posted

I recently noticed that the graphics in Firefox have become large and blurry. It's like they are all being zoomed automatically. I can't pinpoint exactly when this started, but I'm sure it hasn't been like this forever, because it would have driven me crazy long ago! I didn't change any of the settings myself, so I wonder if it has something to do with a Firefox update.

Anyway, when looking at websites, I have to zoom out twice from the default zoom state before images look crisp again.

However, the issue also applies to graphics that are part of the Firefox interface. For example, the icons in my bookmarks toolbar are blurry. So are the home icon, the downloads icon, and other built-in graphics that I can't zoom.

Chosen solution

Code changes regarding HiDPI support for high resolution displays have landed in Firefox 22 and later (bug #844604).

You can modify the layout.css.devPixelsPerPx and increase or decrease the value in 0.1 or 0.05 steps to adjust the size of fonts and other elements in Firefox.

  • The layout.css.devPixelsPerPx pref is a String value parsed to a float and allows to fine tune the dimensions of all elements (user interface and web pages) more precisely (resolution 0.1 or 0.05).
  • Change the default value -1 to 1 to make it work like in previous Firefox versions (100%)

Start with a value of 1 and adjust this value with 0.1 steps or 0.05 for finer adjustments.

  • Use values between 1.0 and about 0.5 to reduce elements in size (do NOT go all the way to 0.05!)
  • Use values greater than 1.0 to magnify and make elements larger (percentage divided by DPI, % / DPI).
  • http://kb.mozillazine.org/about:config

If web pages needs to be adjusted after changing this pref then you can look at the Default FullZoom Level or NoSquint extension.

Use this extension to adjust the font size for the user interface:

Read this answer in context 6

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.7 r700
  • Google Update
  • Next Generation Java Plug-in 10.17.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • 5.1.20125.0
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • NVIDIA 3D Vision Streaming plugin for Mozilla browsers
  • NVIDIA 3D Vision plugin for Mozilla browsers
  • Adobe PDF Plug-In For Firefox and Netscape "9.4.5"
  • Shockwave Flash 9.0 r45

Application

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

More Information

Application Basics
Name
Firefox
Version
22.0
User Agent
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:22.0) Gecko/20100101 Firefox/22.0
Build Configuration
about:buildconfig
Extensions
Name
Version
Enabled
ID
Firebug
1.11.4
true
firebug@software.joehewitt.com
Web Developer
1.2.5
true
{c45c406e-ab73-11d8-be73-000a95be3b12}
CleanPrint
4.0
false
cleanprint@formatdynamics.com
Feed Sidebar
6.0.1
false
feedbar@efinke.com
FloatNotes
0.8.0.1
false
floatnotes@felix-kling.de
Microsoft .NET Framework Assistant
1.2.1
false
{20a82645-c095-46ed-80e3-08825760534b}
Test Pilot
1.2.2
false
testpilot@labs.mozilla.com
Xmarks
4.2.1
false
foxmarks@kei.com
Important Modified Preferences
Name
Value
accessibility.typeaheadfind.flashBar
0
browser.cache.disk.capacity
358400
browser.cache.disk.smart_size.first_run
false
browser.cache.disk.smart_size.use_old_max
false
browser.cache.disk.smart_size_cached_value
358400
browser.history_expire_days.mirror
180
browser.places.importBookmarksHTML
false
browser.places.smartBookmarksVersion
4
browser.search.useDBForOrder
true
browser.startup.homepage
http://my.yahoo.com/
browser.startup.homepage_override.buildID
20130528181031
browser.startup.homepage_override.mstone
22.0
dom.mozApps.used
true
dom.w3c_touch_events.expose
false
extensions.lastAppVersion
22.0
font.internaluseonly.changed
true
font.size.variable.x-western
12
general.useragent.extra.microsoftdotnet
( .NET CLR 3.5.30729; .NET4.0E)
gfx.direct3d.last_used_feature_level_idx
0
gfx.direct3d.prefer_10_1
true
network.cookie.prefsMigrated
true
places.database.lastMaintenance
1370301894
places.history.expiration.transient_current_max_pages
104858
places.history.expiration.transient_optimal_database_size
167772160
places.last_vacuum
1306411007
plugin.disable_full_page_plugin_for_types
application/pdf,application/vnd.adobe.xfdf,application/vnd.fdf,application/vnd.adobe.xdp+xml
plugin.importedState
true
plugin.state.npgoogleoneclick
0
plugin.state.npitunes
0
print.print_printer
Adobe PDF
print.printer_Adobe_PDF.print_bgcolor
false
print.printer_Adobe_PDF.print_bgimages
false
print.printer_Adobe_PDF.print_command
print.printer_Adobe_PDF.print_downloadfonts
false
print.printer_Adobe_PDF.print_edge_bottom
0
print.printer_Adobe_PDF.print_edge_left
0
print.printer_Adobe_PDF.print_edge_right
0
print.printer_Adobe_PDF.print_edge_top
0
print.printer_Adobe_PDF.print_evenpages
true
print.printer_Adobe_PDF.print_footercenter
print.printer_Adobe_PDF.print_footerleft
&PT
print.printer_Adobe_PDF.print_footerright
&D
print.printer_Adobe_PDF.print_headercenter
print.printer_Adobe_PDF.print_headerleft
&T
print.printer_Adobe_PDF.print_headerright
&U
print.printer_Adobe_PDF.print_in_color
true
print.printer_Adobe_PDF.print_margin_bottom
0.300000011920929
print.printer_Adobe_PDF.print_margin_left
0.5
print.printer_Adobe_PDF.print_margin_right
0.5
print.printer_Adobe_PDF.print_margin_top
0
print.printer_Adobe_PDF.print_oddpages
true
print.printer_Adobe_PDF.print_orientation
0
print.printer_Adobe_PDF.print_page_delay
50
print.printer_Adobe_PDF.print_pagedelay
500
print.printer_Adobe_PDF.print_paper_data
1
print.printer_Adobe_PDF.print_paper_height
11.00
print.printer_Adobe_PDF.print_paper_size_type
0
print.printer_Adobe_PDF.print_paper_size_unit
0
print.printer_Adobe_PDF.print_paper_width
8.50
print.printer_Adobe_PDF.print_reversed
false
print.printer_Adobe_PDF.print_scaling
1.00
print.printer_Adobe_PDF.print_shrink_to_fit
false
print.printer_Adobe_PDF.print_to_file
false
print.printer_Adobe_PDF.print_unwriteable_margin_bottom
0
print.printer_Adobe_PDF.print_unwriteable_margin_left
0
print.printer_Adobe_PDF.print_unwriteable_margin_right
0
print.printer_Adobe_PDF.print_unwriteable_margin_top
0
print.printer_EPSON_Stylus_CX8400_Series.print_bgcolor
false
print.printer_EPSON_Stylus_CX8400_Series.print_bgimages
false
print.printer_EPSON_Stylus_CX8400_Series.print_command
print.printer_EPSON_Stylus_CX8400_Series.print_downloadfonts
false
print.printer_EPSON_Stylus_CX8400_Series.print_edge_bottom
0
print.printer_EPSON_Stylus_CX8400_Series.print_edge_left
0
print.printer_EPSON_Stylus_CX8400_Series.print_edge_right
0
print.printer_EPSON_Stylus_CX8400_Series.print_edge_top
0
print.printer_EPSON_Stylus_CX8400_Series.print_evenpages
true
print.printer_EPSON_Stylus_CX8400_Series.print_footercenter
print.printer_EPSON_Stylus_CX8400_Series.print_footerleft
&PT
print.printer_EPSON_Stylus_CX8400_Series.print_footerright
&D
print.printer_EPSON_Stylus_CX8400_Series.print_headercenter
print.printer_EPSON_Stylus_CX8400_Series.print_headerleft
&T
print.printer_EPSON_Stylus_CX8400_Series.print_headerright
&U
print.printer_EPSON_Stylus_CX8400_Series.print_in_color
true
print.printer_EPSON_Stylus_CX8400_Series.print_margin_bottom
0.5
print.printer_EPSON_Stylus_CX8400_Series.print_margin_left
0.5
print.printer_EPSON_Stylus_CX8400_Series.print_margin_right
0.5
print.printer_EPSON_Stylus_CX8400_Series.print_margin_top
0.5
print.printer_EPSON_Stylus_CX8400_Series.print_oddpages
true
print.printer_EPSON_Stylus_CX8400_Series.print_orientation
0
print.printer_EPSON_Stylus_CX8400_Series.print_pagedelay
500
print.printer_EPSON_Stylus_CX8400_Series.print_paper_data
1
print.printer_EPSON_Stylus_CX8400_Series.print_paper_height
11.00
print.printer_EPSON_Stylus_CX8400_Series.print_paper_size_type
0
print.printer_EPSON_Stylus_CX8400_Series.print_paper_size_unit
0
print.printer_EPSON_Stylus_CX8400_Series.print_paper_width
8.50
print.printer_EPSON_Stylus_CX8400_Series.print_reversed
false
print.printer_EPSON_Stylus_CX8400_Series.print_scaling
1.00
print.printer_EPSON_Stylus_CX8400_Series.print_shrink_to_fit
true
print.printer_EPSON_Stylus_CX8400_Series.print_to_file
false
print.printer_EPSON_Stylus_CX8400_Series.print_unwriteable_margin_bottom
0
print.printer_EPSON_Stylus_CX8400_Series.print_unwriteable_margin_left
0
print.printer_EPSON_Stylus_CX8400_Series.print_unwriteable_margin_right
0
print.printer_EPSON_Stylus_CX8400_Series.print_unwriteable_margin_top
0
print.printer_KodakESP5200+0294.print_bgcolor
false
print.printer_KodakESP5200+0294.print_bgimages
false
print.printer_KodakESP5200+0294.print_command
print.printer_KodakESP5200+0294.print_downloadfonts
false
print.printer_KodakESP5200+0294.print_edge_bottom
0
print.printer_KodakESP5200+0294.print_edge_left
0
print.printer_KodakESP5200+0294.print_edge_right
0
print.printer_KodakESP5200+0294.print_edge_top
0
print.printer_KodakESP5200+0294.print_evenpages
true
print.printer_KodakESP5200+0294.print_footercenter
print.printer_KodakESP5200+0294.print_footerleft
&PT
print.printer_KodakESP5200+0294.print_footerright
&D
print.printer_KodakESP5200+0294.print_headercenter
print.printer_KodakESP5200+0294.print_headerleft
&T
print.printer_KodakESP5200+0294.print_headerright
&U
print.printer_KodakESP5200+0294.print_in_color
true
print.printer_KodakESP5200+0294.print_margin_bottom
0.5
print.printer_KodakESP5200+0294.print_margin_left
0.5
print.printer_KodakESP5200+0294.print_margin_right
0.5
print.printer_KodakESP5200+0294.print_margin_top
0.5
print.printer_KodakESP5200+0294.print_oddpages
true
print.printer_KodakESP5200+0294.print_orientation
0
print.printer_KodakESP5200+0294.print_page_delay
50
print.printer_KodakESP5200+0294.print_paper_data
1
print.printer_KodakESP5200+0294.print_paper_height
11.00
print.printer_KodakESP5200+0294.print_paper_size_type
0
print.printer_KodakESP5200+0294.print_paper_size_unit
0
print.printer_KodakESP5200+0294.print_paper_width
8.50
print.printer_KodakESP5200+0294.print_reversed
false
print.printer_KodakESP5200+0294.print_scaling
1.00
print.printer_KodakESP5200+0294.print_shrink_to_fit
true
print.printer_KodakESP5200+0294.print_to_file
false
print.printer_KodakESP5200+0294.print_unwriteable_margin_bottom
0
print.printer_KodakESP5200+0294.print_unwriteable_margin_left
0
print.printer_KodakESP5200+0294.print_unwriteable_margin_right
0
print.printer_KodakESP5200+0294.print_unwriteable_margin_top
0
privacy.cpd.cache
false
privacy.cpd.cookies
false
privacy.cpd.formdata
false
privacy.cpd.sessions
false
privacy.sanitize.migrateFx3Prefs
true
privacy.sanitize.timeSpan
0
security.enable_java
true
security.warn_viewing_mixed
false
storage.vacuum.last.index
1
storage.vacuum.last.places.sqlite
1368450736
Graphics
Adapter Description
NVIDIA GeForce GTX 460M
Adapter Drivers
nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um
Adapter RAM
1536
Device ID
0x0dd1
Direct2D Enabled
true
DirectWrite Enabled
true (6.2.9200.16492)
Driver Date
3-4-2012
Driver Version
8.17.12.9616
GPU #2 Active
false
GPU Accelerated Windows
1/1 Direct3D 10
Vendor ID
0x10de
WebGL Renderer
Google Inc. -- ANGLE (NVIDIA GeForce GTX 460M )
AzureCanvasBackend
direct2d
AzureContentBackend
direct2d
AzureFallbackCanvasBackend
cairo
JavaScript
Incremental GC
true
Accessibility
Activated
false
Prevent Accessibility
0
Library Versions
Expected minimum version
Version in use
NSPR
4.9.6
4.9.6
NSS
3.14.3.0 Basic ECC
3.14.3.0 Basic ECC
NSSSMIME
3.14.3.0 Basic ECC
3.14.3.0 Basic ECC
NSSSSL
3.14.3.0 Basic ECC
3.14.3.0 Basic ECC
NSSUTIL
3.14.3.0
3.14.3.0

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

Chosen Solution

Code changes regarding HiDPI support for high resolution displays have landed in Firefox 22 and later (bug #844604).

You can modify the layout.css.devPixelsPerPx and increase or decrease the value in 0.1 or 0.05 steps to adjust the size of fonts and other elements in Firefox.

  • The layout.css.devPixelsPerPx pref is a String value parsed to a float and allows to fine tune the dimensions of all elements (user interface and web pages) more precisely (resolution 0.1 or 0.05).
  • Change the default value -1 to 1 to make it work like in previous Firefox versions (100%)

Start with a value of 1 and adjust this value with 0.1 steps or 0.05 for finer adjustments.

  • Use values between 1.0 and about 0.5 to reduce elements in size (do NOT go all the way to 0.05!)
  • Use values greater than 1.0 to magnify and make elements larger (percentage divided by DPI, % / DPI).
  • http://kb.mozillazine.org/about:config

If web pages needs to be adjusted after changing this pref then you can look at the Default FullZoom Level or NoSquint extension.

Use this extension to adjust the font size for the user interface:

Modified by cor-el

mathew11 0 solutions 3 answers

Hi,

I have actually the same problem, after upgrading Firefox 21 to 22 I just recognized the same "blurring"-problem. I didn't change any DPI-Settings on my OS (Windows 8 64Bit) or some other graphic settings! I tried to reinstall, deinstall, etc. firefox, nothing had changed!

The problem is that your solution don't really solve that issue. By changing the pref it's able to change the interface DPI of firefox, but it didn't really adapt that on the whole websites. Nevertheless, the default DPI of Windows8 is "125%", I just put that parameter on 100% opened Firefox and the problem disappeared, but I can't really use that setting on my OS! Then, I put the DPI of win back to the default and tried to find the "best" pref in the firefox config for the DPI. When you put that parameter to 1.0 it should get the default dpi of firefox, but actually it's too small. Then I have to zoom in twice on every website and that's extremely irritating over some time...

On the other side, I installed Firefox 22 on my Laptop (win7) and there isn't such an issue. Are there some other settings I could change? Or is it just a bug on firefox 22 windows8?

Edit: I just found out, that the default DPI of win8 is 125 and for win7 just 100! That means, that there is a problem in firefox, so it won't calibrate the interface on 125 dpi

Modified by mathew11

jscher2000
  • Top 10 Contributor
2345 solutions 20793 answers

Hi mathew11, Firefox 22 is a DPI-aware program. What should happen is that Firefox uses your Windows DPI level of 125% to adjust the "chrome" area (menus, toolbars, and tabs) to look the same as other Windows apps, and to zoom the content area by 25% compared with the old appearance.

If the content zooming is too much, you can counteract that with one of these add-ons, setting your default zoom level to, for example 90% to reduce the zooming to 12.5% or 80% to cancel it altogether.

Can you find a value you like?

mathew11 0 solutions 3 answers

Helpful Reply

Hi jscher2000!

Thank you for your fast reply. I already noticed, that there are these Addons to solve that problem. I was just wondering, because I firstly thought, that it is a bug/error. It's not a problem for me to do a workaround, but what if thousands of other Users have the same problem after that update to Firefox 22, especially when they are limited by their bad IT-skills/KnowHow and don't know how to solve that. And instead of searching for a solution, they'll maybe change to another Browser(Chrome, Opera, etc.) Therefore I was confused that Firefox is doing that.

Best regards,

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

Did you previously made changes in Windows or in Firefox as a workaround to improve the appearance on web pages (e.g. font size or page zoom)?

If this is the case then such changes may now work against you and may need to be reversed are adjusted to accommodate switching on HiDPI support in Firefox.

mathew11 0 solutions 3 answers

I just set the DPI from 120 to 100 on Windows8, so there is no scaling problem on firefox anymore, actually I didn't know that 120 is the default DPI on Win8, I thought it's also 100 as on Win7, etc. . So I did that modification and recognized that it's even better for me to work with 100, instead of 120. I was also wondering, why some icons of the taskbar after Win8 installation are blurry too. So, it seems that Win8 made a bad mistake, because they set the default dpi to 120... Anyway, I didn't change other settings like fontsize or page zoom, I'm not using the Addons, which are listed in the posts above. But now, it works, I tested it on a lot of websites and there are no problems anymore, but thank you for your advice! Best regards,

albalqani 0 solutions 1 answers

On my setup it seems that in some parts of the interface the OS's DPI settings are not being applied.

I have Windows 7 64bit, I use 150% DPI scaling, with "Use Windows XP style DPI scaling" enabled. I also use Default FullZoom Level. My content area is OK (i.e. non-blurry), as well as the font in the interface, and the checkboxes that are part of the interface (eg. in the find dialog above the status bar). However, the icons in the interface (at least those that come with the add-ons) are blurry, as well as the text "F100%" (Defaul FullZoom level).

You can see how my firefox looks like in the attached snapshot.

Modified by albalqani

monicak 0 solutions 1 answers

I'm not noticing larger font or blurring on web pages, only on my header/toolbar when Firefox is not the "active" page. For example, if I click off of firefox and into my email the toolbar turns pale and blurry...I'm attaching a screen shot. Please let me know if there is a fix for this.

jscher2000
  • Top 10 Contributor
2345 solutions 20793 answers

Hi monicak, are you using the built-in Firefox theme or one of the many optional themes that change the appearance of the toolbar area? It's normal on Windows for the text of the menu bar to be faded on a window when it is no longer the active window, but the attractiveness of the text may depend on your theme.

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

Looks that you have a Persona (lightweight theme) installed that isn't working properly.