Skip to main content
Participating Frequently
February 17, 2019
Question

html5 file size

  • February 17, 2019
  • 2 replies
  • 2182 views

Hey! I'm working on a 1.5 minute ad in html5. I'm experiencing difficulties with the file size. I'm at 13 seconds and when I export the video its already 350 MB. To get the images to turn into tweens I use adobe capture...turning my psd files into vectors. Before that I was importing to stage my PSD files in layers while flattening the bitmap...when I tested the video I saw the more I was adding the more pixelated the video. I thought that using vectors would help but I'm still experiencing large files even though the imports are 1KB. any advice? Thanks!

This topic has been closed for replies.

2 replies

Inspiring
February 18, 2019

You said you were creating an ad.

If you are creating a banner ad, simply publish your Animate file as Canvas. Then all you need to do is add the clicktag var

<script  type="text/javascript">var clickTag = "https://www.google.com";</script>

and

onclick="javascript:window.open(window.clickTag)"></canvas> to the canvas element.

Is there some reason why you would be trying to create video from a PSD, rather than exporting a canvas animation. Animate can tween your images.

JoãoCésar17023019
Community Expert
Community Expert
February 17, 2019

Hi.

When you say video, do you mean like a .mp4 or an actual HTML5 canvas animation to run on a website?

Anyway, if you want to reduce the file size of HTML5 ouput, don't forget to uncheck Export document as texture in the Publish Settings. In this way, vector shapes will be retained.

Regards,

JC

Participating Frequently
February 20, 2019

Hey!

When I go to control > test it is unable to show me the html because the file is too large. I'm no longer importing jpeg from my psd files and I'm solely working from vectors to keep the file size less large. I started adding text and the file went from 600MB to 1.3GB. Is it normal for a 30 second animation to be 1.3 GB when exporting as a quicktime video?

My settings don't come with that as an option. Thank you

Inspiring
February 20, 2019

Why are you using Animate to create a video?

You said you are creating an ad. What kind of ad.

Vectors are not necessarily better. What you describe tells me there are too many and or they are too complex. I had an ad that was crawling. It was the teeny tiny snowflakes in the background.

I created a single transparent PNG of a snowflake and the problem was solved.

Also I create every single thing I can in Animate. The only things I import are photos.

I also had a vector of a credit card, I pasted from Illustrator. When I went to package my files I found a gigantic image in my images folder. Print people do not get the web. Never trust their assets.