Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Exporting scaleable HTML banners - Scale one fixed Bannerify layout proportionally to the browser viewport.. Machine-readable page: /bannerify/export/platforms/scaleable-html.md.

Exporting scaleable HTML banners

Scale one fixed Bannerify layout proportionally to the browser viewport.

Scaleable HTML/JS (CSS @keyframes) ​

Select Scaleable HTML/JS (CSS @keyframes) when one fixed-layout banner should scale proportionally with the browser viewport.

Exporting with this option ​

  1. Load the banner frames you want to export into Bannerify.
  2. Click Export to HTML in the Bannerify header.
  3. Select the output option named in this guide under Code Output Settings.
  4. Enter the destination URL or other platform-specific values shown in the export panel.
  5. Click the export button, download the generated .zip, and unzip the main Bannerify download.

If you enable Include individual .zip files for each banner, the upload-ready banner packages are placed in the _zips folder. Some responsive and single-file formats use a different package described on their dedicated page.

Always test the exact exported file in the destination platform or its official validator. A local browser preview confirms the creative renders, but it cannot confirm account eligibility or platform approval.

This mode scales the original Figma dimensions as one visual unit. It does not reflow individual elements, switch between supplied layouts, or create new ad sizes. Use Responsive HTML (Media Queries) when the creative needs different layouts at different viewport sizes.