PNG transparency FAILURE

Comments and discussions about Adobe Photoshop
Post Reply
noping

PNG transparency FAILURE

Post 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

FreeStyle
Plugin Power User
Plugin Power User
Posts: 7
Joined: Mon Jun 23, 2003 9:42 am

Post 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

Roo
Plugin Guru
Plugin Guru
Posts: 64
Joined: Mon Jul 01, 2002 7:11 am
Location: Massachusettes
Contact:

Post 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.

thatguy8
Plugin Power User
Plugin Power User
Posts: 8
Joined: Wed Jul 23, 2003 9:16 am

Post 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

Post Reply