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

Firefox isn't rendering transparent PNGs correctly

  • 3 replies
  • 24 have this problem
  • 1639 views
  • Last reply by cor-el

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?

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)

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.

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!

more options