...

View Full Version : PNG transparency issue



Sadak
04-28-2011, 08:52 PM
I have a webpage with a blue texture on the background and a grey (#333) logo with typography which I exported from Photoshop as PNG-24 and transparent.

Now if I insert the logo into HTML, the blue from the backround combines with the grey from the text and gives me an awful brown text.

How can I avoid the two colors to combine with each other while still keeping the PNG transparent?

michaelmo
04-29-2011, 04:28 PM
i suppouse the text itself is a little bit transparent too, it would be helpfull if you show how it looks like now.

cineweekly.com
05-03-2011, 05:03 AM
i suppouse the text itself is a little bit transparent too, it would be helpfull if you show how it looks like now.

Agreed.

alexd1
08-14-2011, 05:39 PM
Have you managed to fix this ?? What browser were you using when checking the html page ?? Some of the older browsers often have problems with the transparency of png files.

btbo
09-23-2011, 05:53 PM
Troubles with PNG come with Internet Explorer 6 after that (IE7,8, Firefox, Safari, Chrome...) it should work..

gcmax
09-26-2011, 04:51 PM
png 8 is supported well but png 24 is better viewed with newer browsers, or so I've found.

If there's a problem you could just use jpeg against the same colour background from your initial psd design file. Otherwise take 2 screen prints of the page: one with logo and one without (to capture the background image) and then superimpose your logo in Photoshop. Crop and save as a jpeg.

garyo
09-27-2011, 11:11 PM
What about Fireworks? Can get PNG 32 :)

That may fix the problem.

ironboy
09-28-2011, 12:10 AM
PNG32 transparency works perfectly in all major browsers now alive but IE6 (which is about to finally die anyway).

My guess is, like michelmo's, that your text is transparent too...



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum