# Lottie Render not working – does not match HTML preview

**URL:** https://forum.lottiefiles.com/t/lottie-render-not-working-does-not-match-html-preview/2498
**Category:** Lottie Animation Design
**Created:** [March 26, 2022, 2:23am UTC](https://forum.lottiefiles.com/t/lottie-render-not-working-does-not-match-html-preview/2498 "2022-03-26T02:23:47Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![lee](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/lee/32/224_2.png) [@lee](https://forum.lottiefiles.com/u/lee)
#### Post date: [March 26, 2022, 2:23am UTC](https://forum.lottiefiles.com/t/lottie-render-not-working-does-not-match-html-preview/2498/1 "2022-03-26T02:23:47Z")

</div>

Good day everyone. Strange issue PLEASE help. Simple animation in After Effects. All elements .ai files.  
.json render gives me some form of blurred sky and starflash image. HTML preview shows the right animation (very low res). What am I doing wrong. This is VERY frustrating! Many thanks.

---

<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: [March 27, 2022, 3:29am UTC](https://forum.lottiefiles.com/t/lottie-render-not-working-does-not-match-html-preview/2498/2 "2022-03-27T03:29:15Z")

</div>

Can you share links, screen recordings, layer setup?

---

<div class="post-metadata">

### Author: ![lee](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/lee/32/224_2.png) [@lee](https://forum.lottiefiles.com/u/lee)
#### Post date: [March 27, 2022, 4:06am UTC](https://forum.lottiefiles.com/t/lottie-render-not-working-does-not-match-html-preview/2498/3 "2022-03-27T04:06:51Z")

</div>

Thanks For your help.  
Not sure how to get these to you, but here is my best shot.  
I am a new user and can only add one image! So all together.

 ![Lottie-Help-Master](https://canada1.discourse-cdn.com/flex030/uploads/lottiefiles/original/2X/3/318f0d7004422bf0539e4a997335da3f927d9371.jpeg)

And here is a link to the file preview.

> **[Free Lottie Animation Files, Tools & Plugins - LottieFiles](https://lottiefiles.com/share/wvtezggy)**
>
> The world’s largest online platform for the world’s smallest animation format for designers, developers, and more. Access Lottie animation tools and plugins for Android, iOS, and Web.

---

<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: [March 28, 2022, 9:07pm UTC](https://forum.lottiefiles.com/t/lottie-render-not-working-does-not-match-html-preview/2498/4 "2022-03-28T21:07:33Z")

</div>

I would right click the Ai layers and convert them to shapes and then use the masks options with the layers to set an alpha matte or inverted alpha matte