Page 1 of 1

PNG transparency FAILURE

Posted: Thu Apr 10, 2003 8:08 am
by noping
what's the secret to getting transparency to work in PNGs save-for-web from withing photoshop 701?

I've tried two ways:

1]

I create a new document with a white background
Add a text layer in blue
turn off the eye (visibility) of the background layer
file.. save for web
check: transparency



2]

I create a new document with a white background
Add a text layer in blue
file.. save for web
check: transparency
eye dropper: select white (background)


with this test page:

Code: Select all

<body bgcolor=red>
<img src="nobg.png" alt="1">

<br>
<br>
<img src="bg.PNG" alt="2">
</body>


the first image shows the text on a freaky grey background
the second image shows the text of a white background

sooo neither image shows the blue text on the RED of the document background ... AKA ... transparency


How can I make this work?????

thanx

Posted: Mon Jun 23, 2003 9:51 am
by FreeStyle
I can only get transparency to work if I save it as a 8bit PNG. Anyone know how to make it work with 24bit?

to get it to go in 8bit you just use the knockout tool

Posted: Wed Jun 25, 2003 8:19 pm
by Roo
1) All browsers *except* IE support PNG alpha transparany.

2) No matter if you are using alpha transparancy or not, you must start your new image with a transparant background and *do not flatten*

3) Do NOT start new image with a white background, check the transparacy option when you start a new image.

Posted: Wed Jul 23, 2003 9:25 am
by thatguy8
Roo wrote:1) All browsers *except* IE support PNG alpha transparany.


IE handles transparency fine in 8bit PNGs :)


2) No matter if you are using alpha transparancy or not, you must start your new image with a transparant background and *do not flatten*
Cannot one merely hide the background image making it transparent before exporting for web?

3) Do NOT start new image with a white background, check the transparacy option when you start a new image.
what if one doesn't start from a new document but instead drags an image in for editing?


would you mind please detailing the steps to make 24bit transparency work... if not for IE but for the others?


thanks