---
title: "HTML5 Ads Exporter"
description: "Export static and animated designs as HTML5 ad banners in a customizable, ad-network-ready ZIP file or single HTML file."
url: "https://img.ly/demos/html5-export/web/"
type: "demo"
demoId: "html5-export"
starterkit: "starterkit-html5-ads-exporter"
platforms: ["Web"]
tags: ["extensibility","web"]
relatedDemos: ["https://img.ly/demos/psd-template-import/web/","https://img.ly/demos/pptx-template-import/web/","https://img.ly/demos/indesign-template-import/web/"]
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/html5-ads-exporter-h5adx1/"
webGithub: "https://github.com/imgly/starterkit-html5-ads-exporter-ts-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-html5-ads-exporter-ts-web"
---

> This is the markdown version of [HTML5 Ads Exporter](https://img.ly/demos/html5-export/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/html5-export/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/html5-ads-exporter-h5adx1.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-html5-ads-exporter-ts-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-html5-ads-exporter-ts-web)

HTML5 ad banners are the industry standard for digital display advertising — lightweight, interactive creatives built with HTML, CSS, and JavaScript that run natively in any modern browser without plugins. They replaced Flash-based ads and are required by all major ad networks for programmatic and direct-sold campaigns.

The HTML5 exporter converts CE.SDK scenes into standards-compliant HTML5 creatives suitable for ad network distribution.

### What gets exported

- **Text as native HTML** — rendered as styled text elements, not rasterized graphics. Text remains selectable, searchable, and accessible in the exported output. A vector text mode is available as a fallback for pixel-perfect rendering of complex text effects.
- **Images** — rasterized to WebP with configurable quality (0–100, default 90). Keeps file sizes small while maintaining visual fidelity.
- **Shapes and graphics** — rectangles, ellipses, lines, vector paths, strokes, linear and radial gradients, corner radius, opacity, and blend modes. Elements with effects that cannot be represented in CSS are automatically rasterized.
- **Groups** — nested container hierarchies with proper z-ordering.
- **Animations** — timeline-based animations exported using GSAP. Supported types include fade, slide, blur, grow, zoom, pop, spin, wipe, and text-specific effects like typewriter with per-character, per-word, or per-line splitting.
- **Fonts** — embedded in the output as TTF, OTF, WOFF, or WOFF2 with CSS font-face declarations.

### Output formats

- **External** (default) — separate HTML, image, and font files, downloadable as a ZIP archive. Suited for production deployments where assets are served individually.
- **Embedded** — single self-contained HTML file with all assets inline. Suited for sharing, quick previews, and simple distribution.

### Ad network compatibility

The exported HTML5 creatives are structured for use with common ad networks. Integrators are responsible for adding platform-specific metadata such as click tracking, size declarations, manifest files, and backup images — either as a post-processing step or via custom plugins.

### Scope and requirements

- **Single-page export** — one page per export call; multi-page requires looping.
- **No video or audio** — the exporter produces static or animated HTML, not media playback.
- **Group limitations** — groups with opacity below 1.0 or non-standard blend modes (multiply, screen, overlay, etc.) cannot be exported as HTML groups. These can be worked around by flattening to rasterized images.
- **Conical gradients** — not supported as CSS; elements using conical gradients are automatically rasterized.
- **Fixed dimensions** — output uses pixel dimensions matching the CE.SDK canvas; no responsive scaling.
- **Full font embedding** — complete font files are included; manual subsetting can significantly reduce file size.

### Who is this for?

Teams building ad creative tooling, marketing automation platforms, or design-to-production pipelines who need programmatic HTML5 banner export from a visual editor — without requiring end users to touch code.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.