Making a transparent background in Photoshop CS2

Hey guys,

I have a graphic that I is text, but I want the background to be transparent. When I make the background transparent in Photoshop, it looks right until I go to File > Save and then it shows it with a white background. This is while saving it as a JPEG. When I try to save it as a .GIF, it will keep the transparency, but the quality of the image sucks.

Is there a way to have better quality with a transparent .GIF or is there some other file extension I should use?

Thanks,
Cody

 

JPEG does not support transparency. If you are wanting the image for use on the web try PNG format. It uses alpha transparency and is of better quality than GIF.

 

Okay, I'll try that. Is .PNG transparency supported by all browsers? Maybe I'm doing something wrong. I did File > Save for Web > PNG-24 with a tick mark next to Transparency. It looks perfect in Firefox, but is not transparent in IE. Rather, it is some ugly cyan/white color.

 

A year or so ago it wasn't but I do believe it is now. They show up fine in all the browsers I've used..IE, Maxthon, FireFox, Opera, Flock, Kmelon..etc..etc...

 

Here's my problem (Don't know if you saw the edit on my last post.)

Same picture used in the same .HTML file. In Firefox and IE.

 

Didn't see your edit..sorry. Try PNG-16 (bit)...I don't have the time right now to open PS and fiddle myself so I'm doing this off the top of my head..gotta scoot now but I'll check back in later.

 

I only have the option of PNG-8 (which makes it jagged around the edges) and PNG-24... Thanks for your help though.

Anyone else have any ideas?

 

Does this help, http://www.uwec.edu/help/PhotoshopCS/transpimgs.htm

Steve

 

Well, you taught me something new because I never knew that that wizard existed... But it gave me the same results

 

Well at least it helped some.

Everything I came across discussing this same issue always seem to point to the link below as a work-around, I guess. Seems to be an IE issue more than anything.

One good thing. It does mention in a few of the articles that one of the improvemnets in IE7 is better PNG support, so it should work in IE7. Might not be worth the trouble changing it, works in everything else and IE7 is just around the corner.

Here is the link, http://www.alistapart.com/stories/pngopacity/

Good luck,

Steve

 

Anyone?

I found this code for IE on Matacumbie's link:

<DIV ID="myDiv"
STYLE="position:relative;
height:250px;
width:250px;
filterrogidXImageTransform.Microsoft.AlphaImageLoader»
(src='myimage.png',sizingMethod='scale');"></DIV>

I guess I'll try that and report what happens. Thanks!