# Gif issues with transparent background

**URL:** <https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564>\
**Category:** Uncategorized\
**Created:** [February 10, 2021, 6:02pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564 "2021-02-10T18:02:47Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![amberharris786](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/amberharris786/32/287_2.png) [@amberharris786](https://forum.lottiefiles.com/u/amberharris786)\
**Post date:** [February 10, 2021, 6:02pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/1 "2021-02-10T18:02:47Z")

</div>

LottieFiles pros, do any of you have experience with converting json to gif but with transparent background? For example let’s say I have an animated circle (with no fill) #000000 and I set the background to #ffffff00 using the Lottie to gif function, it looks fine in preview but when I download the gif, the background is transparent but the animated circle that was once black is also now transparent. This doesn’t happen with any other background color. If I used #ffffff the gif generates fine with black circle and white background. I’ve tried this with many different animations, they all fail in the same way with transparent background.

Have any of you experienced this (or is it just me). Any thoughts on how to resolve?

---

<div class="post-metadata">

**Author:** ![koluwafisayomi](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/koluwafisayomi/32/1559_2.png) [@koluwafisayomi](https://forum.lottiefiles.com/u/koluwafisayomi)\
**Post date:** [February 7, 2022, 9:12pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/2 "2022-02-07T21:12:57Z")

</div>

Please as anyone found a solution to this issue?  
I find it impossible to convert json file to gif and have a transparent background  
Kindly help please!!

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [February 8, 2022, 7:19pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/3 "2022-02-08T19:19:44Z")

</div>

@amberharris786 @koluwafisayomi

The best option is to export your animation from After Effects with a transparent background either as a Movie file with Alpha Channel or a PNG sequence with transparency turned on. Then import into Photoshop and export a GIF with transparency.

You can also try to add the sequence to the Media Encoder out of After Effects and see if it’ll let you do a transparent BG for the Animated Gif Export.

---

<div class="post-metadata">

**Author:** ![koluwafisayomi](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/koluwafisayomi/32/1559_2.png) [@koluwafisayomi](https://forum.lottiefiles.com/u/koluwafisayomi)\
**Post date:** [February 9, 2022, 11:37pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/4 "2022-02-09T23:37:53Z")

</div>

I honestly appreciate your response, but I am reffering to EXPORTING FROM THE LOTTIEFILES EDITOR. How do I export with a transparent background?

---

<div class="post-metadata">

**Author:** ![nick](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/nick/32/2859_2.png) [@nick](https://forum.lottiefiles.com/u/nick)\
**Post date:** [February 10, 2022, 2:08am UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/5 "2022-02-10T02:08:59Z")

</div>

@koluwafisayomi @amberharris786  
The tricks in this [article](https://lottiefiles.zendesk.com/hc/en-us/articles/900001925026-How-can-I-change-the-background-color-of-a-Lottie-or-its-GIF-and-MP4-versions-) could help you.  
However, please take note that your animation may be degraded in quality because the amount of colours GIF support is lesser than a Lottie hence the quality may drop and sometimes it won’t even look the same depending on the complexity of the Lottie animation.

---

<div class="post-metadata">

**Author:** ![nico.lawlor](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/nico.lawlor/32/2105_2.png) [@nico.lawlor](https://forum.lottiefiles.com/u/nico.lawlor)\
**Post date:** [June 14, 2022, 8:59pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/6 "2022-06-14T20:59:34Z")

</div>

It doesn’t works for me.  
Says “converting…” and never ends

---

<div class="post-metadata">

**Author:** ![latif.bd1789](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/latif.bd1789/32/2850_2.png) [@latif.bd1789](https://forum.lottiefiles.com/u/latif.bd1789)\
**Post date:** [June 15, 2022, 8:11pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/7 "2022-06-15T20:11:54Z")

</div>

Easy Process.  
Download JSON data\>import using bodymovin in after effect\> Export it using GIFGUN scripts.  
Use GifGun to export GIF animation. Transparent or with the background. You can add a number of color shades like 256, 120, 60, etc.

---

<div class="post-metadata">

**Author:** ![nico.lawlor](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/nico.lawlor/32/2105_2.png) [@nico.lawlor](https://forum.lottiefiles.com/u/nico.lawlor)\
**Post date:** [June 15, 2022, 10:42pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/8 "2022-06-15T22:42:48Z")

</div>

GifGUN isn’t working either 😬

---

<div class="post-metadata">

**Author:** ![latif.bd1789](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/latif.bd1789/32/2850_2.png) [@latif.bd1789](https://forum.lottiefiles.com/u/latif.bd1789)\
**Post date:** [June 18, 2022, 6:22am UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/9 "2022-06-18T06:22:22Z")

</div>

@nico.lawlor working fine in my software.

---

<div class="post-metadata">

**Author:** ![basmaamostafa27](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/basmaamostafa27/32/2492_2.png) [@basmaamostafa27](https://forum.lottiefiles.com/u/basmaamostafa27)\
**Post date:** [November 28, 2022, 2:25pm UTC](https://forum.lottiefiles.com/t/gif-issues-with-transparent-background/564/10 "2022-11-28T14:25:57Z")

</div>

you can download it as JSON then upload it to this link [https://lottiefiles.com/lottie-to-gif/convert](https://lottiefiles.com/lottie-to-gif/convert) to convert to GIF then reduce the transparent of the background color like the blue circle in the picture  
 ![Screenshot 2022-11-28 162519](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/c/c88d9fe0f5e0b75f6232cfe0276a429a4cd06ee6.png)
