Help Center

Tool-specific documentation and workflow guidance.

HTML Builder for Image Ads

Build HTML5 image banner creatives for Google Ad Manager with layered text, CTA overlays, motion controls, and export-ready ZIP packages.

Open tool

Main sections

Banner settings: Choose the banner size and upload compression for newly added JPG and PNG assets.

Global Default Settings: Set creative-wide defaults such as duration, transition effect, zoom effect, and an optional logo that can be reused across slides. These defaults help you keep motion and branding consistent before you start customizing individual slides.

Slides: Upload images, reorder slides, duplicate or delete slides, add a blank slide, and edit per-slide text, CTA, timing, background color, and styling. Each slide can either follow the global defaults or be adjusted to create more specific pacing and visual emphasis.

Export: Choose bundle type, export compression, GAM readiness checks, and export HTML ZIP or GIF outputs.

FAQ: Reference trafficking and export-specific answers for common AdOps questions.

Key settings

Banner size: Sets the canvas dimensions for the creative.

Upload compression: Controls how newly uploaded JPG and PNG images are resized and compressed before they are added as slides. It only applies to new uploads, not existing slides, and GIF files are always added as-is.

Global logo: Upload a reusable logo, toggle it on or off, and control its X/Y position, width, and opacity.

Duration (ms): Defines the default slide duration used by the creative. This is the starting timing for new slides and can be overridden per slide when you need some frames to hold longer or move faster.

Transition effect / speed: Controls how slides enter or move between states. Use effects such as fade in when you want a softer handoff between frames, or stronger directional motion when you want a more animated sequence. Speed determines how quickly that transition plays.

Zoom effect / speed: Applies image zoom behavior across slides where global defaults are used. This is useful for subtle camera-style movement, such as zooming in to add energy to a static visual or zooming out to reveal more of the frame over time.

Bundle type: Switches export behavior between Standard HTML (`clickTag`) and Google Web Designer-style named exits. Standard HTML is intended for most regular Google Ad Manager HTML5 uploads, while GWD-style mode is for workflows that expect named exits.

Export compression: Applies compression only when generating the ZIP output, without changing the editor project itself. GIF files are exported as-is, current slide assets inside the editor are not modified, and if recompression would make an asset larger, the export keeps the smaller version.

Convert PNG assets to JPEG during export: Can reduce file size further, but removes transparency. PNG files may not shrink much without this option, especially when they contain large flat areas or transparency.

Buttons and actions

Reset project: Clears the current project and restores default settings.

Drop logo here or click to upload: Adds a global logo asset for reuse across slides.

Remove logo: Deletes the uploaded global logo from the current project.

+ Add empty slide: Creates a background-only slide without uploading an image. This is useful for intro or end cards, CTA-only frames, logo screens, or any slide where you want to rely on a dedicated background color, text, button styling, and motion effects instead of an uploaded asset.

Export HTML ZIP: Builds a traffic-ready HTML package with a minimal HTML creative, an assets folder, and the required click handling.

Export GIF: Exports the current banner as a GIF using the GIF export workflow.

Show checks: Expands GAM readiness checks, including the estimated extracted-size limit used here of 1 MB, click setup, banner size metadata, and bundled-asset packaging.

Google Ad Manager click setup

Standard HTML bundle: After you upload the ZIP to Google Ad Manager, GAM will usually detect two click tags when the creative includes a CTA: `clickTag` for the full-banner background click area and `clickTag1` for the CTA button click area.

Which click tag to use: Use `clickTag` for the background or full-banner destination and use `clickTag1` for the CTA destination. This keeps the main banner click and CTA click tracked separately.

If you only have one final URL: Enter the same landing page URL for both `clickTag` and `clickTag1` in GAM. The creative will still work correctly, but both click areas will send users to the same page.

Google Web Designer-style bundle: If you export using GWD-style exits instead of Standard HTML, the same mapping applies under different names: `Background Exit` is the full-banner background click and `CTA Exit` is the CTA button click.

Project behavior

Local saving: Your current image-ad project is saved locally in this browser on this device, so it remains available when you reload or reopen the page in the same browser. It is not automatically synced across browsers or devices.

Reset project: Reset project clears all slides and restores default settings such as banner size, compression, bundle type, and motion defaults. After confirmation, it also replaces the current locally saved project in this browser.

Mobile and iOS readiness: The export is structured to keep only a small number of slide layers live at once, which helps reduce memory pressure on iOS and other modern mobile environments. Final performance still depends on asset size, slide count, and the ad container.