Help getting GIF transparency right

{Using PaintShop Pro 7.0}
Every time I try to set the transparency of these two images, I get
jaggies and it doesn't look well on my site. Is there a trick to making
a GIF transparent without getting the jaggies on different color backgrounds?


Image1:http://www.austinmetrobaseball.com/2005_redesign/AMBLLogo.gif
Image2:http://www.austinmetrobaseball.com/2005_redesign/MSBLLogo.gif

Site:http://www.austinmetrobaseball.com/2005_redesign

Look at the header graphic.

 

Not sure about the smaller logo from a first sight,
but the bigger one on the left has got no transparency. It has a white background instead, have checked both with IE and Firefox. You might want to use PNG for that, although IE < 7 has got no support for PNG Transparency.

 

I have tried PNG with the PNG javascript fix and still can't get it right.
It has a light blue background instead of transparent.
I just uploaded both the transparent AMBLLogo.gif and AMBLLogo.png

 

PNGs will not display right in IE6, not that sure about 7, also gifs are not the best at holding transparency, the best idea for a gif would probably be to add a matte for the background color the image will be on.

 

I worked on it a little bit, here are you

 

given the fact that you know what your background is, you can blend them together an create jpg file instead.

I did that often to simplify my work

 

ptb-cheng,
If you look at the site, you will see why I cannot blend them.
Open the site and resize your browser...

 

You GIF looks pretty clean but it still has some whiteness in the edges next to the black areas. I cleaned up some in the ball.

 

Yes, I could clean it up better. I was just in a rush. To get the perfect result, you have to do pixel by pixel to get rid of those white edge, I just don't have much time on it.

I see what you mean by resizing problem. Then I guess, you have to spend time to clean it up pixel by pixel. You might want re consider your design so that the top banner didn't is fixed. Web design generally make fixed top banner, at least some part of it is fixed (say middle part here) and the left and right side can expand.

Just my two cents, hope it helps,
Good luck,

 

Ok.. here is the thing that you have to do to make the gif's transparent.

Before making a transparent gif, decide your background color. Say yours is blue. Now while making the gif, set the back ground color to blue and then while exporting or saving it, set alpha transparency to that blue color.

The resulting gif image will have blue jagged edges. But these will not show when you put it on your background as they will blend.

I do that all the time. You cannot have perfect transparency with GIFs. You can only have it with PNG. But PNGs are browser dependent.

The reason that perfect transparency cannot be attained in GIFs is because of the multiple color tones. Even if its 256 colors or 16-bit, the colortones are all mixed up. Thus the trick

 

If you were not aware, the "background" has multiple colors. Look at the site
to see. This is why it is more difficult to do it. I know I've seen it done
before. I just can't get it right.

 

I have a perfectly transparent PNG and have tried using it with the javascript IE hack but it still shows with a light blue background.

 

I may have to break down and do this in Photoshop although I'm not that
good with it.

 

Yeah, break it down to pieces. You will see lot of profession design do such way.

Just arranged them seemless together. that will be all set. Good luck

 

i use photoimpact its easy to make transparency to images.if you want you can use

 

add 1 px white outline.. or feather it