Standalone Images Displayed on Dark Background Firefox 11/12

As I am getting caught up in the Firefox Builds forums, came across an odd (and not good) change to Firefox Aurora 11 (11.0a2) and Nightly 12 (12.0a1). A patch related to Bug 376997 makes it so that when an image is viewed by itself (either via right-click > View Image or putting the image URL in the address bar) the image will be centered on a black background. An example can be seen on </Glazblog>. Below is an example I created using Ken Saunders Mozilla Snow Globe image as viewed in Firefox 10 Beta and Firefox 11 Aurora.

Viewing Images In Fx 10 or Older

Viewing Images In Fx 11 or Newer

Rob64Rock has suggested using the ImageTweak add-on to (somewhat, as it creates a new problem) fix this problem. With this add-on the image will be displayed centered on a neutral (grey) background or you can choose your own background color. However, since the ‘patch’ landed on Aurora the alignment is a bit off in Firefox 11 Aurora (11.0a2) and Nightly 12 (12.0a1), but does display correctly in Firefox 9 as well as Beta 10 (10.0b1).

16 Comments on Standalone Images Displayed on Dark Background Firefox 11/12

  1. Why do you say this change is “Not Good”?

    I like it myself.

    • Some images do not display well on the dark background. The original intent of the bug was to have images display on a neutral background (grey), but some how has now ended up becoming a black background.

    • It’s nice, until you find an image that’s transparent. When I found this , I realised it might become annoying.

      • I hate this new feature in Firefox. As a graphic designer, I used Firefox to preview web page comps. Seeing them in an actual browser on a white background allowed me to quickly and very accurately see what the final page would look like. Now, I have to actually make a HTML comp viewing template, which isn’t horrific but is rather annoying. I miss being able to drop my comps into Firefox from Windows Explorer and preview them this way. I wish I could disable this.

    • Yourlocalvoyeur | May 29, 2012 at 6:40 PM |

      Why break what’s fixed?

      It’s completely illogical. New isn’t always better simply because it’s “new”.

  2. WHat happens when you print the image? I hope the image is displayed without the background and is aligned to top left?

    Firefox was a good browser… now I use Chrome cause all these shitty changes, incompatible addons, missing status bar and menu, the idiotic high update frequency and lots of bugs and memory consumption problems.

    This is the result when students and geeks developing productivity software…

    • I have not tried printing images, something I have never had a need to do. In regards to some of the complaints of Firefox such as the “missing’ menu and status bar, those can easily be displayed again via the View menu. Add-on compatibility as gotten a lot better. Chrome is updated just as much as Firefox if not more. You just don’t know it as Chrome doesn’t use version numbers and also it updates silently in the background (something that Firefox is going to be doing soon). I’ll give you bugs are still an issue and will likely always be, but that is the case with any piece of software. Memory consumption on the other hand has been greatly reduced with Firefox 8.

  3. Switching to chrome Firefox 11 has become slow bloatware.

  4. i’ve found the solution without use the extension:
    Close Firefox
    Go to C:Programs..Mozilla Firefox
    Open omni.ja with winrar
    After opened the archive go to res and copy out (to the desktop) the file called TopLevelImageDocument.css , open it with notepad
    search the string “background-color:” and replace “#222” with “#FFFFFF”
    save the file and copy the file in the omni.ja

  5. ringokaori | March 21, 2012 at 3:33 PM |

    HaSKdX’s solution works well, but for people who don’t want to muck around with Firefox’s internal files there is also an add-on:

    • Nice add-on. Need to make note to do a post about this. Also nice that there is no restart needed.

    • Perfect! Thank you so much for sharing this.

      It’s sad when people have to take time to create a fix for a “feature” that does nothing but degrade the original experience.

      I’m a webdev too, and I often have to tweak or provide alternatives for cms images that I don’t have the source for. Trying to get a look at shadows or backgrounds on a dark background is almost impossible.

  6. I came across this userscript at to show standalone image transparency. I found that it’s easier to use. You can even change the background color.

1 Trackbacks & Pingbacks

  1. Old Default Image Style | Firefox Extension Guru's Blog

Comments are closed.