This course has been archived, the content is no longer up-to-date or relevant to most students.

This lesson is exclusive to members

Animate - HTML5 Banner Advertising in Adobe Animate.

What Counts Against File Size in HTML5

Daniel Walter Scott || VIDEO: 44 of 53

Download Exercise Files



Upon completing this tutorial, you'll understand how file size measuring has changed over time, how you need to be aware of your file sizes and how different ad networks gauge your file size. This is a very important course so don't skip it!

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Hey! It’s real me again, in front of the camera, awesome. So what were going to do now is were going to cover file sizes, in this case, what gets included in your file size. So there used to be, the limit was 40KB, 40KB was how big your file used to be, and it was really easy to understand, you produced your file and it was something called an swf, and at the end of it you went how big am I and if it was over 40KB you had to go back and try and make it smaller and if it was under you were fine.

So what happens now with html5 file sizes, there's a little bit of varying things that go along. So let me explain a bit. So because your document is actually a combination of html, JavaScript, images, sound, videos, those sorts of things. They all come together to form your final file size and generally, say the ad networks, they test the file size based on the zip that you upload, so all unpacked it might be one size but if you zip it all up, so you select them all, right click them, zip them, well do that in the publishing part, its that final file size that actually counts and generally, 150KB is our new standard which is amazing. Its still not very big but its better than 40KB, which is what it used to be.

So when it comes to your file, as in getting it checked, some people just check the zip and the file size of it. That’s fine, other ad networks actually dig into that zip file and have a look. And they have something where they’ve got an initial size, a load size and then they’ve got a total load size so they might say, the rules are it has to have an initial load size of 35KB and then a total file size of 150. What that means is that its pretty much just the html component of your ad. Its going to go and check that and make sure that is not more than 35KB because that’s the initial load, that’s the thing if somebody is going to a website and it loads, it loads the html first and then when its ready it calls down to javascript and the images and everything else afterwards. So that’s one of the things you need to be wary of, that sometimes its not just the 150, it’s the initial load size and its just the html file. So that’s something you can go check easily. Where you go to your publish files, just right click the html file, is it more than 35KB, then you might have a problem. So that’s one thing to check, initial load size versus total load size.

One of the other varying things that come along with it are some of the libraries that get used, were going to talk about them more in publishing but most html5 banner ads use a premade library to help make things easier. Adobe animate is no different, it uses something called create js, and that is a premade, it’s a library or template that adobe animate uses to make sure everything works nicely across all the browsers. And some ad networks consider that part of the file size and its quite big so they include it and other ones, like I know the work that I've done with Google double click, they don’t include it. They say, the 150KB is all of it except don’t worry about that create js file. Were not going to include that in the total file size, so you’ve just got to check, there's so many ad networks out there, you’ve just got to check what their specs are and find out. And work within their boundaries.

Alright, lets go and do another video, lets start doing image compression, this is the holy grail of file size reduction.