Before you start
- Know whether the website needs transparency, sound, automatic playback or a static fallback.
Steps
- Choose animated WebP for silent, image-like delivery in supported modern browsers.
- Choose WebM when video controls, sound or video-style playback are appropriate.
- Export a PNG frame as a fallback or social preview image.
- Match the canvas ratio and dimensions to the rendered website placement.
- Test loading and playback on desktop and mobile before publishing.
Expected result
The website receives an animation sized and formatted for its actual placement rather than a generic oversized master.
Common problems
- Autoplay rules and support vary by browser; website implementation remains separate from the DanceLogo export.