Set transpareny in png image

256 views6 repliesLast post: 2/11/2007
Hi!
I'm trying to create a transparent png image (opacity=100%), but it seems like anything i do it just isn't right. Can anyone tell me how can i set the opacity of a png image using adobe photoshop 7?
#1
Make your graphic exactly as you want it in Photoshop. Transparency, translucency, whatever, and then Save for Web as PNG 24 bit.

Where are you running into trouble?
#2
I have a javascript which puts a text ontop of an image. that image has to be transparent to see the text. so i'm setting the opacity to 1% (not to 100% as i've wrongly stated earlier)and save the image as you've said: png-24, with transparency enabled. but i still ca't see the text. can you please tell me if i do it right:

- i go to Edit->Preferences->transparency&gamut - at gamut i set opacity to 1%
- save for web -> png 24

is that ok?
#3
No.

Leave the Preferences alone. You are setting a percentage in the Gamut Warning which has nothing at all to do with what you want.

In your Photoshop document, make sure you are on a Layer (not Background). Set the Opacity of your graphic in the Layers palette. Save for Web.
#4
That's what I was looking for. It doesn't solve my problem, but is the answer to my question. Thank you very much!
#5
Internet Explorer didn't support alpha transparency until the latest version, IE7(XP & Vista only), so if you're using an earlier version it won't work.

Most other browsers do support it.

Try this JS script for a workaround for IE 5.5 & 6
<http://homepage.ntlworld.com/bobosola/>
#6
I know about the problem in IE6 (solved in IE7), but my problem comes from poorley undestanding what I hat to do in my problem. I now have the solution, so I'm not going to further bug you with my project :)
#7