Search code examples
htmlfilesizebanner

Html5 Banner File Size


next month google will stop flash ads automatically, so we got a lot of requests to remake our flash banners in html.

The IAB made 2013 some guidelines for html5 banners. The maximum file size should be 100kb..

We're using 2 ways to publish our banners. One is with google doubleclick and the other one is direct publishing on websites.

We got no problem with doubleklick, because they say, that the initial load should be under 100kb and the rest could be loaded after that.

But the publishers for the direct publishing are saying, that the whole banner (all files which are used and compressed as a zip) should be max. 100kb.

Our client has got some designing guidelines, so we have to include the font (which contains 4 formats and 2 font types). But even the font has 400kb.

So the only way we have at the moment is, to convert the text into pictures, to keep the filesize down.. But this isn't the concept of html5...

DOes someone of you got a solution for that problem ?? :O

Thanks


Solution

  • Use doubleClick, because dealing with publisher directly will make you crazy. They don't know about polite loading and are very strict on the file sizes, but when you use doubleClick you can use Polite load Options.

    About the typefaces, if you want to put some copies on the website it is better to generate png for that and optimize those png with software like imageOptim.

    This way each Copy will be around 1Kb.

    But the whole webfont is around 100KB which does not make sence to add in one banner.

    Beside first check available free webfonts that you can use without adding any extra weight on the banner.