AnimatedPNGs.com

English 日本語
Spread the word: Vote for Animated PNG support on Microsoft Edge(the successor of IE).
Thanks for voting on Chrome. Chrome will be supporting Animated PNG in the near future.
Animated PNG is used in some high profile things such as: Apple iMessages, Safari, Firefox, pebble smartwatch, LINE
Developer? Add Animated PNG output to your web-app with the AnimatedEncoder.js open source library (which is used by this website).
Animator? Convert your Adobe® Animate™ / Flash® animations to Animated PNGs
Have Videos? Convert your videos to Animated PNGs You can add meme text too!
Format
Brute-Force compression will take much longer to save, but can make files smaller.
Quality (75%)
Delay Milliseconds
Size x
Fitting
Dithering
Images
Multiple images can be selected at once. If so, they will be added in numeric / alphabetic order based on their filenames. Add a sequence of still images to be made into an animation, not one that is already animated. The Optimize and Convert page can help with those.
Frame

Frame */*
Milliseconds
Author
Copyright
Advanced


Disables the dispose-to-previous-frame feature not supported by pebble. Uses a preset palette with the 64 colors and 4 levels of opacity it supports.

Loops
Title
Description
Warning
Disclaimer
Comment


AnimatedEncoder.js is an Open Source library used here to encode Animated PNGs in Javascript locally with HTML5. The way it does the encoding on the client-side is essential. The images selected load instantly without having to wait for them to upload. The resulting Animated PNG is generated and accessed locally without the need to send images to or from a server. The virtual download is already on your computer.

Other solutions of uploading the sequence of images to a server, waiting for them to process, then downloading the result are bad for several reasons. Not only can it make the user wait for a long time, but the sheer bandwidth wasted can be extreme. Massive uploads and downloads can create extreme hardships for the user, the webmaster, and the ISP. They can max out bandwidth limits, drain resources, and create excessive expenses.

Avoiding those problems and having a client-side solution (like AnimatedEncoder.js) is clearly win-win-win. It also accepts a quality parameter that can remove details that are less noticeable to the eye for file size savings, improving the efficiency of the website or software you will use the image on. This feature is useful even for non-animated PNGs.
With the maturing of HTML5 and the freedom, power, and universal reach it offers developers, the future of software is largely HTML5 web-apps. Integrating this optimized animation and image output into web-apps is a boon for the direction software is taking.

Are you an eccentric billionaire or a company or individual that benefits from a more efficient internet, and want to donate to Open Source Software?

Contact
sysop at compukaze (moo) . com
(remove the cow sound)

Animated PNGs vs Animated GIFs

Animated PNGsAnimated GIFs
Colors Over 16 million 256
Transparency Full and partial transparency. This allows anti-aliasing around the edges of the graphic, making it look natural over any background. Simple transparency only. Either fully transparent or fully opaque. This can leave unsightly jagged edges around the graphic where it meets the background behind it.
Filesize Significantly smaller than an equivalent GIF.
If the Animated PNG is using a large spectrum of colors, the filesize goes up. There is no GIF to compare it to in that case because it is an animation GIF cannot do. AnimatedPNGs.com uses software that can optimize the colors used in APNGs to reduce the filesize with minimal noticeable difference and maintain a desired level of quality. If you see an Animated PNG that is excessive in size, it is likely the result of no optimization or poor optimization.
Can be small due to quality loss when reduced to the 256 maximum colors GIF supports.
Support Firefox and Safari can play Animated PNGs. Chrome will be able to soon. A growing amount of software is adding support for it too. Since Animated PNG is backwards compatible with regular PNG, other browsers and non-supporting software will display only the first frame or default image of the Animated PNG. All major browsers and a vast amount of software support Animated GIFs. With the momentum growing behind Animated PNGs, the advantage GIF has here is shrinking.

Why Animated PNGs? — Animated PNGs are the best solution at this time to get better GIF-esque animation to the web & beyond.

Animated PNG gives users an option to save their animation in a portable format without losing so much quality as they would with Animated GIF(Which is limited to 256 colors, and only simple transparency. Due to inconsistent implementations, framerates faster than 10 frames per second are not reliable in GIF.).
Animated PNGs work very well with these apps and would work well with countless others for a few main reasons:

They can be used now. The Animated PNGs generated from my apps get more lively and more interesting with the animations running, but they still work as a non-moving image. For users viewing them on a browser that does not support Animated PNG, they still get the job done with a single-frame image being shown. They just don't have that extra goodness added by animation.

Low complexity. Given the simplicity of the format and that it mostly leverages the existing PNG technologies, AnimatedPNG is easy for developers to implement in their projects and software.
There are many resources and sources of information out there that developers can use to figure out and work with Animated PNGs. I have tried to work with other similar formats, but have not had such an easy time getting my hands on the needed information to encode such formats.
If a format is too complex and the needed technical information about it is hard to come by, the barrier for developers to embrace it may be too high, even if they want to.

PNGs, Everywhere! Regular PNG is here to stay for the foreseeable future and as long as they are around, which might be forever, we may as well have animations supported on them when it takes such little resources to support that. Even if a more advanced solution for this type of animation becomes viable, we won't be dropping PNG any time soon and it doesn't hurt to have them animate.

About APNGs

Welcome to APNGs.com, the go-to portal for APNGs(Animated PNGs).
APNGs are animated images, similar to Animated GIFs. Unlike GIFs, however, APNGs support a full spectrum of 16 million colors and unlimited framerate. GIFs are limited to 256 colors and 10 frames per second. After a long journey of ups and downs, APNGs are gaining momentum and interest and could be poised to be the successor to GIFs.

Browser Support

BrowserNotes
FirefoxHas the longest history of supporting APNGs. In fact, this animated extension of PNG was designed by Mozilla folks.
SafariSafari is the default browser for Macs. WebKit, Safari's rendering engine, powers all browsers on iOS, meaning iPhones, iPads, and iPods with iOS 8+ now support APNGs.
Chrome
(in development)
Chrome support for Animated PNG is in the works. Chrome is default browser for many Android devices and Chrome-powered notebooks.

Apps that support APNGs

AppAbout
Punykura purikura onlinePunykura simulates a Japanese purikura photo booth, adding animated effects with support for APNGs.
Deckromancy® Trading Card MakerCreates custom trading cards. Supports APNGs for animated holographic foils.

Copyright 2013-2017, Compukaze LLC. AnimatedEncoder.js is available under the MIT license. iPhone and iPod are trademarks of Apple Inc., registered in the U.S. and other countries. IOS is a trademark of Cisco, registered in the U.S. and other countries, and is used under license. Mac is a trademark of Apple Inc., registered in the United States and other countries. Apple, Safari, and iMessages are trademarks of Apple Inc. Firefox is a trademark of Mozilla Foundation. Flash and Adobe are registered trademark of Adobe Systems Incorporated. Animate is a trademark of Adobe Systems Incorporated. Google is a registered trademark of Google Inc. Chrome is a trademark of Google Inc. Microsoft is a registered trademark of Microsoft Corporation, in the United States and other countries. Edge is a trademark of Microsoft Corporation. Punykura and Compukaze are trademarks of Compukaze LLC. Deckromancy is a registered trademark of Compukaze LLC.
Updated!