This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox isn't rendering transparent PNGs correctly

  • 3 replies
  • 24 have this problem
  • 1 view
  • Last reply by cor-el

dsquared
dsquared
more options

I have a web page that features a PNG with transparency, but Firefox doesn't render it correctly -- it's a little blurry and pixel-y. Chromium and Opera both render the PNG fine. (This is all in Ubuntu Maverick.)

The image is available at http://mathsci.kaist.ac.kr/~drake/img/poorly-rendered-image.png; it looks fine by itself, but the background for the web page with this image isn't white, it is (as far as I can tell) #ccc.

I'm surprised that Chromium and Opera do this correctly, but Firefox doesn't. What is going on?

I have a web page that features a PNG with transparency, but Firefox doesn't render it correctly -- it's a little blurry and pixel-y. Chromium and Opera both render the PNG fine. (This is all in Ubuntu Maverick.) The image is available at http://mathsci.kaist.ac.kr/~drake/img/poorly-rendered-image.png; it looks fine by itself, but the background for the web page with this image isn't white, it is (as far as I can tell) #ccc. I'm surprised that Chromium and Opera do this correctly, but Firefox doesn't. What is going on?

Chosen solution

Can you post a link to the page with that image?

If I apply a background color (body {background-color:#ccc}) to that image then that works for me.
So I assume that something else is wrong with the code.

Read this answer in context 👍 1

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

Can you post a link to the page with that image?

If I apply a background color (body {background-color:#ccc}) to that image then that works for me.
So I assume that something else is wrong with the code.

dsquared
dsquared Question owner
more options

Ack! I discovered the problem.

I discovered that I had the page zoomed in a bit, and Firefox helpfully tried to scale up the images, but the scaling for the PNGs isn't very good. Going back to the default zoom makes everything look fine again.

What is strange is that I must have hit Ctrl-+ a long time ago and Firefox remembered the zoom setting, since I don't recall changing the zoom.

I've been poking around, and have now discovered the "zoom text only" option, which is really cool.

Sorry for the non-issue, and thanks for prodding me to investigate more and discover the real problem!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome.

You can reset the page zoom via View > Zoom > Reset (Ctrl + 0 (zero))

Firefox 3 can remember the zoom level site specific.

See http://kb.mozillazine.org/Zoom_text_of_web_pages