I am trying to place logo.gif on a web page. The logo has a transparent background. When I save the logo as a .gif and place it on the web page I see a 1 pixel white border around the logo. I have tried eliminating the white colors from the pallette when 'saving for web' but the white border still shows up. The logo is an irregular shape.
I also don't see the gif. I see a 'Welcome' in the upper left, which looks like a brown sign with yellow text and an 'under construction' graphic to the right.
I just talked my brother in law through the creation of a gif with transparency (I have yet to do it myself). Essentially, he selected the areas he wanted to be transparent. The best tool for him was the magic wand, but Select-Color Range is usually one of the best methods. When he saved as gif, I believe there was an option to make the selected area transparent. Just make sure that 'ring' you are seeing is in the selection.
With that being said, expect to see a hard transition from transparent to opaque since gif does not support partial transparency. If you know the background image of your webpage, then you can use some color gradations to make the edge look less harsh.
I'm sorry, I feel like an idiot now. The site is not live yet so I gave the wrong URL.
This is the correct address http://www.visitstevens.com
Now to top it all off I think I may have solved the problem. The white border happened when I use "save for web" and saved it as a 128 dithered gif. The logo that is up there now was just saved as a gif (did not use the "save for web". The final product only had about 10 -15 white pixels total around the edge. I reopened it in Photoshop and penciled over the white pixels, save it and it appears to have taken care of the problem.
Thanks everyone for your input and I apologize again for the wrong URL...