I come from a print background and so am very new to digital design and working with html5 and animations. I am now creating banner ads with hype3 and all of our work for our client must conform to a “Maximum file size of 40KB”. My question is - how do I actually work out the complete file size? what is taken into account exactly because on my export I get a HTML file which is always 1kb plus the resources folder which contains various other files and supporting graphics so I am not sure if it is below 40kb or not?
I would like to know what is measured and where to look for that 40kb size? If I look in the resources folder the supporting .JS files alone are 54/93kb etc…
There is no way you’re going to get an html5 banner in under 40 kilobites unless it’s a static ad. A lot of publishers have switched their filesize limitations. Google published ads to all companies apart from seizmec at my last job had a filesize limit of 150kb
See IAB guidelines
I’d say go back to the client and inform them at 40kilobites there is no library small enough so that you can fit your assets AND the javascript library in that filesize. The reason why flash did it is the library was essentially inside of the flash player download so all 40kb was for was for the assets.
Ask the client if you can call from external sites so you can host the javascript library externally on a cloud server or as a shared file in the campaign. Also inform them that IAB standards have been implemented with most publishers and to double check if filesize limitation really is 40kb or is it 40kb for flash banners and larger for html5 banners.
Sorry if i can’t help more than that, but I’ve had this discussions with clients and 40 kilobites for an animated html5 banner with everything inside the folder is a ridiculous ask.
Just last question - when someone asks “what is the file size of this ad”, how does one measure it? by adding each file within the folder collectively?
As an example - a recent export I had consisted of:
so to work out the overall file size of my ad do I simply add each file together?"
Yep but as brownsquare says depending on publisher it could be 40kb zipped. But I doubt that since 40kb was flash specs, which were for the straight up files, not zipped. If it helps though you don’t need
35332E-restorable.plist (38kb)
HYPE-458.full.min (93kb) *unless you’re using the physics pannel
and if you untick
In your resources panel it won’t export the @2x file
So all you’d have is
html - 1kb
HYPE-458.thin.min (54kb)
img-01.gif (46kb)
logo.png (10kb)
So 111kb
Also if you run the images trough https://tinypng.com/
They will be a lot smaller in filesize
