Skip to main content
S
sarah_j_fell
Participating Frequently
March 18, 2021
Question

Animated GIF logo on transparent pixelates

  • March 18, 2021
  • 2 replies
  • 1742 views

I've created an animated gif version of my logo and when I export it on transparent the white edges become jagged. When I export it on a blue background it looks perfect. I tried about 30 different settings options and nothing is crisp enough to be usable on my website homepage.

This topic has been closed for replies.

2 replies

War Unicorn
Community Expert
War UnicornCommunity Expert
Community Expert
March 18, 2021

Workflow, please? I'm assuming you have the original document this GIF is exported from? Did you ensure that you're working in RGB color?

 

The GIF must have a fuller color table in order to do its matte/dithering magic. Just white and transparent won't do you much good.

 

Below is a simple 3-frame (2 seconds/frame) transparent GIF animation I whipped up in like a minute. Below that are the settings when exporting. Note the matte and color table. This was all done from an RBG-color-mode PSD.

    S
    sarah_j_fellAuthor
    Participating Frequently
    March 18, 2021

    Thanks, I tried your settings and it's a bit better with the 100% dither but still not crisp enough to pass as a logo. See attached my file... then on the website as a gif versus as a png. It just looks bad as a gif 😞 But it seemed to not have this problem when I set my background to a colour rather than transparent, which I don't understand...

     

    I just changed the matte to no colour because I don't want a dark outline...

    c.pfaffenbichler
    Community Expert
    c.pfaffenbichlerCommunity Expert
    Community Expert
    March 18, 2021

    gif transpareny is 1bit (though I am not completely sure if that is just how Photoshop handles them or if it is an integral part of the file format definition) – if you want more then I think you need to start thinking about different file formats. 

    S
    sarah_j_fellAuthor
    Participating Frequently
    March 18, 2021

    Thanks for the input. Not sure what to set here... Photoshop has mode options for 8bits, 16 or 32. 

    c.pfaffenbichler
    Community Expert
    c.pfaffenbichlerCommunity Expert
    Community Expert
    March 18, 2021

    gif is indexed color and its transparency is 1bit, the original layered image’s bit depth does not change that. 

    If you want to use gif you have to accept its limitations. 

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices