When building your HTML5 zip bundle for each creative banner, please follow the requirements described below.
|Creative Unit Name||Asset||Max File Size (KB)||File Type||Max File Size (KB) of shared library files|
|HTML5 Standard||Banner||80kb||HTML5, JPG, PNG, GIF||100 kb|
||Initial Load||100kb||HTML5, JPG, PNG, GIF||100 kb|
|Backup Image||40kb||JPG, PNG, GIF|
|Polite Load / Panel||2.2 MB||HTML5|
|User Initiated Load / Expansion||10 MB||HTML5|
|Video (optional)||10 MB||MP4, OGG, WebM|
It’s recommended that additional content such as CSS, JS, images, etc, be politely loaded, including shared libraries.
Use internal CSS Style Sheets within the HTML code. Use CSS for animations where possible. To reduce file sizes, please consider using: HTML, JS & CSS code minifiers. Sprites, SVG or compressing images using ‘Save for Web’. Web fonts. Consider only loading the characters that the creative is using.
Set creative dimensions in your HTML file with the size meta tag:.
Unlike images or videos, HTML documents don’t have dimensions on their own. For this reason, use the size meta tag to indicate the intended size for your creative. The size meta tag is an optional parameter in your HTML document. It’s the best way to be sure your creative renders at the right dimensions.
HTML5 creatives can only have fixed, dimensions (e.g., 300×250 or 728×90).