PNG image not transparent on website, cannot find out why

13,349

Solution 1

The letters are white in the image file.

Solution 2

The logo appears to have transparency for me. I am using Chrome.

Also transparency with PNGs does not work in IE6 or older without some javascript fiddling. See: http://code.google.com/p/ie7-js/

Solution 3

I made the simple change for you and made the letters transparent. You can use it all you like. No charge! ;)

enter image description here

EDIT: Obviously you can do a much better job if you take a bit of time, but editing in image editing software is the only way for them to be transparent.

Seeing as the "h" of hvb has a nice flick at the end, surely its not meant to be transparent?!

Share:
13,349
Luuk
Author by

Luuk

(Web)Designer from holland. www.luukratief.com www.twitter.com/luukratief

Updated on June 04, 2022

Comments

  • Luuk
    Luuk about 2 years

    I am working on a dutch site and i am having a problem with the logo of it. I saved the logo as PNG24 sothat the characters "hvb" in the logo will be transparent. for some odd reason, it shows the characters in plain old white.

    Could somebody please tell me how this is possible. By the way: it is not caused by the h1 tag it is wrapped around.

    http://www.luukratief-design.nl/wp/

    Help would be appreciated

    EDIT:

    I have never seen this befor, but you guys where right! The image HAS indeed have white letters! The odd part about it is that the layers were hidden, so they look transparent in photoshop. Once i used save for web and exported it to png, all of a sudden they are white. Take a look at the screeny:

    enter image description here

    The solution: As stupid as it sounds, i deleted the white layers (which werent even visible), and exported it again. As you can see it works now.

    I can only choose 1 right answer, so i will choose the first guy who pointed this out. Thanks guys. Still strange, but thanks!

  • Wesley Murch
    Wesley Murch about 13 years
    His file does have transparency though.
  • anothershrubery
    anothershrubery about 13 years
    That doesn't explain why the rest of the image is transparent.
  • Wesley Murch
    Wesley Murch about 13 years
    He said he wants them transparent.
  • anothershrubery
    anothershrubery about 13 years
    This is the only explanation. You need to have another look at the image, the letters ARE white. They are not, nor have ever been, transparent by the looks of things.
  • Alex
    Alex about 13 years
    PNG24 is PNG32. Although it is 32 bit for some reason the name PNG24 was used. Probably an older version that was only 24 bit. However, all PNG's support transparency, it's just that PNG8 doesn't support alpha transparency
  • Quentin
    Quentin about 13 years
    @Madmartigan — He said they were transparent but something was preventing the background from shining through. That something is that they aren't really transparent.
  • My Head Hurts
    My Head Hurts about 13 years
    +1 - I'm with David. @Madmartigan - Well he'd best draw them transparent in his image file then.
  • Wesley Murch
    Wesley Murch about 13 years
    Ah I stand corrected, it was me who misunderstood. I always forget to assume the obvious.