WebToolsPlanet
Converter Tools

APNG to Base64

Upload an APNG file and get a Base64 string or data URI ready to embed in HTML or CSS.

Last updated: May 29, 2026

Client-Side Processing
Input Data Stays on Device
Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is APNG to Base64?

APNG to Base64 converter reads an Animated PNG file entirely in your browser and encodes it as a Base64 string. The output can be used as a data URI (data:image/apng;base64,...) to embed the animated image directly in an HTML img tag or CSS background-image without requiring a separate file to be hosted.

How to Use APNG to Base64

1

Drop an APNG file onto the upload area or click to browse.

2

Copy the Base64 string or data URI.

3

Paste into your HTML or CSS.

Common Use Cases

  • Embedding animated PNG stickers in HTML emails.
  • Including animated icons in a single-file HTML page.
  • Testing APNG rendering in a browser without hosting a file.

Example Input and Output

APNG encoded as data URI for HTML.

APNG file
<animated.apng>
Data URI
<img src="data:image/apng;base64,iVBOR..." />

Privacy

Files are processed locally and never uploaded to any server.

Frequently Asked Questions

Is my file uploaded?
No. The file is read and encoded entirely in your browser using FileReader API.