Login Start animating

Export formats and delivery

How to export an animation with a transparent background

  • Logo
  • Icon
  • Photo

Set the canvas background to Clear and choose PNG, animated WebP, Frame ZIP or a supported transparent WebM. GIF requires an opaque background, and MP4 replaces transparent pixels with black.

Browse Help topics
On this page
  1. Before you start
  2. Steps
  3. Expected result
  4. Common problems

Before you start

  • Use a source with real transparency when the logo or icon must have no surrounding rectangle.

Steps

  1. Open Background and choose Clear.
  2. Preview the edges over a temporary contrasting color if needed, then return to Clear.
  3. Open Export and choose PNG, WebP, Frame ZIP or WebM.
  4. Check the readiness message; transparent WebM depends on the formats your browser can encode.
  5. Render and test the result in the final browser, editor or compositing tool.

Expected result

Transparent pixels are preserved when both the selected format and local encoder support alpha.

Common problems

  • Black background: MP4 is opaque by design in DanceLogo; switch format or design an opaque canvas.
Open DanceLogo Studio Transparent Logo Animation
Was this guide helpful? Your answer stays in this browser.

Last reviewed August 19, 2026 Reviewed by DanceLogo product team Updated August 19, 2026

Still blocked? Send support the exact message, browser, device and steps that reproduce the issue. Never share a password or full payment-card number. Contact DanceLogo support.

Related Help

Assets and uploads How to prepare a logo or icon with transparency Use a PNG, WebP or SVG source with transparent areas when the mark should appear without a rectangular background. JPEG cannot store transparency. Export formats and delivery Choose an animation export format DanceLogo can render a PNG frame, GIF, animated WebP, Frame ZIP, WebM and MP4. Availability depends on browser support, dimensions and transparency. Only supported WebM and MP4 exports can include the selected sound. Preview and performance Browser and WebGL requirements for DanceLogo DanceLogo needs a modern browser with JavaScript enabled. GPU and 3D effects use WebGL when available, and some motion can fall back to Canvas rendering when WebGL is unavailable. Export formats still depend on what the browser can encode.