How to keep translucency when saving to the web

[ande1761]

I have a translucent pill image that I am trying to save to the web. I use the "Save for Web" option, or even the "Save as" option to save as a PNG. The image pulls up in adobe just as I created it, but when I view it in any other application it darkens and looses alot of the translucency. I've seen others on the web saved just fine. Is there a trick to this?

 

[duncdude]

try EXPORT (not save as...) to GIF89a with an RGB image in Photoshop. you can then use a eye dropper to select the colour(s) you require transparent.

Duncan

 

[ande1761]

I don't have that option under export, just Paths to Illistrator and Zoom View. I'm using PS 7 if that makes a difference.

 

[clarkin]

PNG transparency is supposed to work on the web, its just Internet Explorer doesn't support it properly.

Check out:

http://www.alistapart.com/stories/pngopacity/

Or try a gif, but you can't have variable transparency. I believe you can go to Help -> Export Transparent Gif or something like that for a little wizard tool.

Posting code? Wrap it with code tags: [ignore]

[/ignore][code]CodeHere

[ignore][/code][/ignore].

 

[pixl8r]

PNG is definitely the way to go. The problem you are having is the presentation.

I don't know what you are trying to get it to look like... but if it is just a translucent over a flat background color the best thing is to create a layer "under" your pill image that is the background color and Save for Web a GIF. This will give the illusion of translucence without actually having it.

As mentioned above a PNG doesn't play nice with IE.

Hope that helps!

Wow JT that almost looked like you knew what you were doing!