Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe Photoshop transparent logo

  • transparent logo

    Posted by Grady Knight on February 5, 2010 at 11:02 pm

    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.

    You can see the logo here:
    https://www.visitstevens.com

    What do I need to do to get rid of the white border?

    I am guessing that the answer to my problem is already on the forum but I am not using the right search terms to find the answer.

    Grady Knight replied 16 years, 2 months ago 3 Members · 4 Replies
  • 4 Replies
  • Scott Roberts

    February 6, 2010 at 6:05 am

    I don’t see a .gif there.

    You can try remove white matte (layer/matting/remove white matte), or crop your image down a little more (trim it down using the lasso) to remove some of the edge artifacts.

    https://www.youtube.com/graphicsdump

  • Grady Knight

    February 6, 2010 at 8:53 pm

    The .gif is the Visit Stevens logo at the upper left corner, red ring and green state with light yellow letters.

    8mm & 16mm film to DVD

  • Paul Benson

    February 9, 2010 at 7:19 pm

    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.

    Pauley

  • Grady Knight

    February 10, 2010 at 1:12 am

    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
    https://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…

    8mm & 16mm film to DVD

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy