Video to APNG

Convert video clips to APNG (Animated PNG) format with transparency support and better quality than GIF

Click to upload file or drag and drop file here

Maximum file size: 100MB Supported formats: video/mp4, video/x-m4v, video/quicktime, video/x-msvideo, video/x-matroska, video/webm, video/x-flv, video/msvideo, video/avi

Animation frame rate (max 30fps recommended)

Start conversion from this time

Maximum 30 seconds for APNG

Leave empty for original (max 1920)

Leave empty for original (max 1080)

Affects compression level

Use higher compression for smaller file

Key Facts

Category
Images, Audio & Video
Input Types
file, number, checkbox
Output Type
file
Sample Coverage
4
API Ready
Yes

Overview

Convert your MP4, WebM, MOV, or AVI video clips into high-quality, animated APNG (Animated PNG) files. This tool supports transparency, offers superior color depth compared to traditional GIFs, and allows you to customize frame rate, dimensions, duration, and compression settings for optimized web performance.

When to Use

  • •When you need high-quality web animations with full 24-bit color and alpha channel transparency that standard GIFs cannot support.
  • •When creating animated UI stickers, logos, or product demos from video recordings for modern web browsers.
  • •When you want to convert short video clips into lightweight, looping animations without the color banding artifacts of the GIF format.

How It Works

  • •Upload your video file (such as MP4, WebM, or MOV) up to 100MB in size.
  • •Set your desired start time, duration (up to 30 seconds), frame rate (up to 30 fps), and output dimensions.
  • •Adjust the quality slider and toggle the file size optimization option to balance visual fidelity and loading speed.
  • •Click convert to process the video and download your optimized APNG animation.

Use Cases

Converting transparent WebM screencasts into APNGs for clean, background-matching UI documentation.
Transforming short MP4 product feature clips into looping, high-fidelity animations for landing pages.
Creating animated stickers and badges from video clips for chat applications and modern web platforms.

Examples

1. Creating a Transparent UI Demo Animation

UI/UX Designer
Background
A designer has a 5-second transparent WebM screen recording of a button hover effect that they want to embed on a marketing landing page.
Problem
Standard GIFs do not support smooth alpha transparency, causing ugly jagged edges on non-white backgrounds.
How to Use
Upload the transparent WebM video, set the duration to 5 seconds, set the frame rate to 30 fps, and enable the 'Optimize File Size' option.
Example Config
videoFile: hover_effect.webm, fps: 30, startTime: 0, duration: 5, optimize: true
Outcome
A crisp, transparent APNG animation that blends seamlessly onto any background color on the website.

2. Optimizing a Product Feature Loop for Mobile

Front-end Developer
Background
A developer needs to display a short video loop of a mobile app interaction on a responsive website without using heavy video tags.
Problem
The original MP4 video is too large and has a high resolution that slows down mobile page loads.
How to Use
Upload the MP4 video, set the start time to 2 seconds, duration to 8 seconds, limit the width to 400px, and set the quality to 80.
Example Config
videoFile: app_demo.mp4, fps: 15, startTime: 2, duration: 8, width: 400, quality: 80, optimize: true
Outcome
A lightweight, 400px wide APNG file that loops smoothly and loads instantly on mobile browsers.

Try with Samples

image, png, video
Video Samples
Sample video files in different formats and orientations
title token video
video
Video AV1 Samples
Sample video files encoded in AV1 format
title token video
video
Video H.264 Samples
Sample video files encoded in H.264 (AVC) format
title token video
video
Video H.265 Samples
Sample video files encoded in H.265 (HEVC) format
title token video
video

Related Hubs

Image Format Conversion and Animated Export Tools
Compare image format converters for JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64, and animation-friendly exports in one hub.
Video-to-Audio and Animation Conversion Tools
Compare tools that turn video into audio, extract video streams, and convert between short-form video and animated image formats in one hub.
Image Cleanup, Framing, and Batch Prep Tools
Compare image cleanup, trimming, padding, framing, batch resize/compress, watermarking, and visual polish tools in one hub for asset preparation workflows.
Video Preview, Extraction, and Subtitle Tools
Compare video preview generation, stream extraction, audio extraction, subtitle translation, and quick flip tools in one hub for lightweight video prep workflows.

FAQ

What video formats are supported for APNG conversion?

You can upload MP4, WebM, MOV, AVI, MKV, M4V, and FLV video files up to 100MB.

How does APNG compare to the GIF format?

APNG supports 24-bit colors and 8-bit alpha transparency, resulting in much smoother edges and higher quality than the 256-color limit of GIFs.

What is the maximum duration and frame rate allowed?

The tool supports a maximum duration of 30 seconds and a recommended maximum frame rate of 30 frames per second (fps).

Can I preserve transparency from my source video?

Yes, if your source video (like WebM or QuickTime MOV) contains an alpha channel, the converter will preserve the transparency in the output APNG.

How can I reduce the file size of the generated APNG?

You can lower the frame rate (fps), reduce the width and height dimensions, lower the quality percentage, or enable the 'Optimize File Size' option.

API Documentation

Request Endpoint

POST /en/api/tools/video-to-apng

Request Parameters

Parameter Name Type Required Description
videoFile file (Upload required) Yes -
fps number No Animation frame rate (max 30fps recommended)
startTime number No Start conversion from this time
duration number No Maximum 30 seconds for APNG
width number No Leave empty for original (max 1920)
height number No Leave empty for original (max 1080)
quality number No Affects compression level
optimize checkbox No Use higher compression for smaller file

File type parameters need to be uploaded first via POST /upload/video-to-apng to get filePath, then pass filePath to the corresponding file field.

Response Format

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
File: File

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-video-to-apng": {
      "name": "video-to-apng",
      "description": "Convert video clips to APNG (Animated PNG) format with transparency support and better quality than GIF",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=video-to-apng",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

Supports URL file links or Base64 encoding for file parameters.

If you encounter any issues, please contact us at [email protected]