How to Make Your Animated GIF Lose That Ugly White Border or Halo

The GIF image format was developed by CompuServe in 1987 and has been a mainstay since the infancy of the internet. From cats and batman, to falls and the ice bucket challenge, GIFs have been used to entertain us. But as soon as you make it with a transparent background, it falls apart. It gets ugly and you get weird white edges. How can you fix that?

This blog will go over what you can do to make your GIFs lose that ugly halo. This blog assumes you know how to make an animated GIF in fireworks, and focuses solely on removing the white border. For this tutorial I remade the click GIF we use in a lot of our courses.

Make it bigger

When I re-animated it I wanted it scalable so I made it huge. A whopping 1672 pixels! Way more than it will ever need. I exported 2 different versions below, one at full resolution, the other at 100 x 100 pixels. I then shrunk the 1672 x 1672 by using HTML code. So, not really shrunk, just displayed smaller.

Read the full story by


Bring Your eLearning Designs to Life with Simple Shapes and Icons Want a Head Start? Course Starters Are the Way to Go!
We are updating our Privacy Policy, so please make sure you take a minute to review it. As of May 25, 2018 your continued use of our services will be subject to this new Privacy Policy.
Review Privacy Policy OK