Click to See Complete Forum and Search --> : Save as PNG for transparency? How?


Chaoschrist
05-03-2007, 06:45 AM
For the website I'm building I'm using frames, which are transparent so the background from the basic site blends in with the frames. Now, in the frames there should be a semi-transparent header to blend in with the background too.

I've read somewhere PNG files should do the trick, yet I cannot find the option to save as PNG in Photoshop.

Is it just me? Or do I have to switch mode? If it's not possible, anyone have any advice on which program I could eventually use? Or, of course just tell me which image format would support transparency.

Thanks.

dangergeek
05-03-2007, 06:55 AM
I havent got Photoshop on this computer but I am pretty certain you can save an image as a PNG

Have you tried:

There is a save for web option instead of your usual save.
Or maybe exporting the image.

Centauri
05-03-2007, 08:11 AM
Confirming "Save for Web" on file menu - there you can pick the type of file from a dropdown box.

Cheers
Graeme

freshair
05-06-2007, 05:53 AM
in some browsers, transparency is a problem. For example, Firefox does lousy transparency and gradual fades. If you want a truly transparent field or area, I have found using CSS can solve transparency problems...like this

<style type="text/css">
div style="display:block; width:150px; background:#000099; color:yellow; font-size:1.3em; padding:5px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:.5">At 50% filtered opacity, this is the box.</div>
</style>
<div style="width:175px;margin:0 auto;">
<span style="float:left;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;"><img src="/black1.gif" width="170" height="200"></span>
</div>

try it. you might like it.

AFGHAN BOND
05-08-2007, 12:29 AM
hi dude u can also save ur image for more transpirancy support by going to save as (png) (GIF) and my be JPEG but if it dosnt work go to save for web

ppscan
05-08-2007, 08:40 AM
what verions of photoshop are you using? photoshop 7 has the option to save as .png

Major Payne
05-09-2007, 03:16 AM
As Centauri said, select Save for web from file menu, but make sure the transparency box is checked. You can also select your transparency dithering , resize and more before saving.

Transparent background for images in jpeg formats, etc, can be done in Photoshop, but must be saved as GIFs. If you use, say a JPEG image, and want to control the transparency, then use the opacity attributes. You can make it work for IE and FF. Some other browsers may have problems. A good online tool is at GifWorks.com for modifying images. Great on animated ones.

Ron