APNG
![]() An animated PNG, or APNG, of a bouncing ball (displays as static image in some web browsers) | |
Filename extension |
.png .apng |
---|---|
Internet media type | image/vnd.mozilla.apng, image/apng |
Initial release | August 4, 2008 |
Type of format | animated raster image format |
Extended from | PNG |
Open format? | yes |
Animated Portable Network Graphics (APNG) is a file format which extends the Portable Network Graphics (PNG) specification to permit animated images that work similarly to animated GIF files, while supporting 24-bit images and 8-bit transparency not available for GIFs. It also retains backward compatibility with non-animated PNG files.
The first frame of an APNG file is stored as a normal PNG stream, so most standard PNG decoders are able to display the first frame of an APNG file. The frame speed data and extra animation frames are stored in extra chunks (as provided for by the original PNG specification). APNG competes with Multiple-image Network Graphics (MNG), a comprehensive format for bitmapped animations created by the same team as PNG. APNG's advantage is the smaller library size and compatibility with older PNG implementations.
In a comparison made between GIF, APNG and WebP, APNG had the lowest file size.[1]
History[edit]
![](http://webcf.waybackmachine.org/web/20210820182732im_/https://upload.wikimedia.org/wikipedia/commons/7/7e/Brain_MRI_apng_105px_100ms.png)
The APNG specification was created in 2004 by Stuart Parmenter and Vladimir Vukićević of the Mozilla Corporation to allow for storing the animations needed for interfaces such as throbbers. In May 2003, Mozilla had scrapped support for MNG animations, which provides a superset of APNG functionality, citing concerns about the large file size required for the expansive MNG decoder library (300 KB);[2] the APNG decoder, built on the back of the PNG decoder, was a much smaller component.
Among users and maintainers of the PNG and MNG formats, APNG had a lukewarm reception. In particular, PNG was conceived to be a single-image format.[3] APNG hides the subsequent frames in PNG ancillary chunks in such a way that APNG-unaware applications would ignore them, but there are otherwise no changes to the format to allow software to distinguish between animated and non-animated images. Some of the main concerns arising from this were the inability of applications to negotiate for PNG and APNG, or distinguish between PNG and APNG once received, or for legacy software to even inform users that there are additional frames. Glenn Randers-Pehrson spearheaded efforts to reconcile the PNG purists' position with that of APNG proponents by recommending changes to APNG's format and proposing the use of a unique MIME type (e.g., video/png), but the APNG proponents only added the different MIME type (image/apng)[4] while insisting on the use of the .png extension instead of .apng, leading to the format not being approved by the PNG Development Group.[5]
The PNG group officially rejected APNG as an official extension on April 20, 2007.[6] There have been several subsequent proposals for a simple animated graphics format based on PNG using several different approaches.[7]
Mozilla Firefox added support for APNG in version 3 trunk builds on March 23, 2007.[8] However, because libpng is the PNG Group's reference implementation of the official specification, APNG support can never be supported in the main libpng distribution so long as it remains unratified by the Group. Iceweasel 3 supports APNG by using Mozilla's unofficial variant of libpng.[9]
![](http://webcf.waybackmachine.org/web/20210820182732im_/https://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/APNG_Assembler_Logo.svg/105px-APNG_Assembler_Logo.svg.png)
In 2008 WorldDMB adopted APNG as a backward compatible extension to enable animation as part of the MOT SlideShow user application for Digital Radio. "APNG 1.0 Specification - Animated Portable Network Graphics" is included as normative Annex A in the ETSI standard TS 101 499 V2.2.1.[10] In 2010 Commercial Radio Broadcasters in Sydney began to include APNG animations in DAB+ digital radio broadcasts.[citation needed] These APNG animations are carried by the "MOT slideshow" application which accompanies the audio services. It is expected that other cities in Australia will follow in early 2011.[citation needed][needs update]
Mozilla's role in extending the PNG format to APNG echoes Netscape's much earlier role in popularizing animated GIFs.[citation needed]
In 2016, Apple adopted the APNG format as the preferred format for animated stickers in iOS 10 iMessage apps.[11]
On March 15, 2017 APNG support was added to Chromium.[12]
File format[edit]
The APNG specification follows the PNG File format introducing three new ancillary chunks:[13]
- The animation control chunk (acTL) precedes the IDAT(s) of the default image and is a kind of "marker" that this is an animated PNG file. It also contains the number of frames and the number of times to loop the animation (0 meaning infinite).
- The frame control chunk (fcTL) precedes each frame and contains its metadata : dimensions ; position (relative to the default image); duration; if once over it is cleared to black, replaced by the previous frame or drawn over by the next frame ; and if its transparency applies.
- The frame data chunk (fdAT) storing frame's content. It starts with a sequence number, then has the same structure as the default image's IDAT chunk(s).
Sequence numbers apply to both frame control and frame data chunks, which together follow a common sequence, thus enabling the order and timing of frames to be recovered should an APNG-unaware PNG editor re-order them as allowed by PNG chunk ordering rules.[14]
Frames utilize the same bit depth, color type, compression method, filter method, interlace method, and palette (if any) as the default image.
The PNG specification was designed with future extensions in mind.[15] An application reading a PNG file is supposed to simply ignore any chunks which it does not understand. This is the reason why APNG is backwards compatible. Existing applications just recognize the first frame and ignore the additional animation chunks.
Support[edit]
Field | Software | Supports? | Since |
---|---|---|---|
Image processing |
APNG Assembler | Yes | v. 1[16] |
cphktool APNG Anime Maker | Yes | v. 1 (9 June 2009)[17] | |
APNG Disassembler | Yes | v. 1 [18] | |
APNG Optimizer | Yes | v. 1.0 (28 March 2011)[19] | |
FFmpeg | Yes[20] | v. 2.7[21] | |
Gamani GIF Movie Gear | Yes | v. 4.2 (March 2008)[22] | |
GIMP | Needs plug-in[23] | N/A | |
ImageJ | Yes | v. 1.41g (3 July 2008)[24] | |
ImageMagick | Yes | v. 7.0.10-31 (20 September 2020)[25] | |
Imagine | Yes | v. 1.0.2 (4 May 2008)[26] | |
IrfanView | Read-only | v. 4.40 (31 July 2015) | |
Konvertor | Yes | v. 4.02 (May 2010)[27] | |
KSquirrel (later SAIL) | Read-only | v. 0.7.2 (3 October 2007)[28] | |
Paint.NET | Needs plugin[29] | N/A | |
RealWorld Paint | Yes | v. 2011.1 (December 2011)[30] | |
VirtualDub | Needs plugin[31][a] | N/A | |
XnView | Read-only | v. 1.97.4 (30 April 2010)[32] | |
Sciter and HTMLayout UI engines | Read-only | since 2008 | |
Krita | Yes[33] | Krita Nightly 5.0.0 pre-alpha (since 22 February 2021)[34] | |
qView | Read-only | v. 4.0 (31 October 2020) | |
Browser engines |
WebKit | Yes | (17 March 2015)[35] |
Blink | Yes | June 2017 | |
Web browsers |
Mozilla Firefox (Gecko layout engine) |
Yes | v. 3 (17 June 2008)[36][37] |
SeaMonkey (Gecko layout engine) |
Yes | v. 2 | |
Iceweasel and other Debian rebrandings (Gecko layout engine) |
Yes | v. 4.0~b12[9] | |
Safari (WebKit layout engine) |
Yes | v. 8.0[38] | |
Google Chrome and Chromium (Blink layout engine) |
Yes | v. 59 (5 June 2017)[39][40] | |
Internet Explorer (Trident layout engine) |
No[38] | N/A | |
Microsoft Edge (EdgeHTML layout engine) |
No[38][41] | N/A | |
Microsoft Edge (Blink layout engine) |
Yes | v. 79 | |
Opera v12 and earlier (Presto layout engine) |
Yes | v. 9.5 (12 June 2008)[42] | |
Opera 15 and later (Blink layout engine) |
Yes | v. 46.0 (22 June 2017)[43] | |
Pale Moon (Goanna layout engine) | Yes | v. 27 | |
Mobile browsers |
iOS Safari | Yes[38] | v. 8.0 |
Firefox for Android | Yes[38] | ? | |
Samsung Internet for Android | Yes | v. 7.0 | |
Opera Mobile | Yes[citation needed] | ? |
- ^ After loading a video, an APNG file can be created via the "File|Export|Animated PNG" menu item.
A server-side library exists that allows web browsers that support the canvas tag, but do not support APNG, to display APNGs.[44] Examples of such browsers include Microsoft Edge and Internet Explorer 9.
See also[edit]
References[edit]
- ^ "GIF vs APNG vs WebP". littlesvr. Retrieved 2019-04-02.
- ^ martin (1999-11-11). "Bug 18574 - (mng) restore support for MNG animation format and JNG image format". Mozilla. Retrieved 2010-03-30.
- ^ "PNG (Portable Network Graphics) Specification, Version 1.1#8.4. Multiple-image extension". libpng. Retrieved 2010-03-30.
- ^ "APNG Specification, Version 1.0#MIME type". Mozilla. Retrieved 2017-12-10.
- ^ "ImageMagick can't detect animated PNG". Retrieved 2017-12-10.
- ^ "VOTE FAILED: APNG 20070405a". SourceForge mailing list. 2007-04-20.
- ^ "Discussion for a simple "animated" PNG format". Archived from the original on 2009-02-26. Retrieved 2011-07-12.
- ^ "Gran Paradiso Alpha 3 release notes". Mozilla. 2007-03-23. Archived from the original on December 26, 2009. Retrieved 2010-03-30.
- ^ a b "Debian Bug #486827 Iceweasel cannot render APNG image". Debian. 2011-08-26. Retrieved 2011-09-18.
- ^ "Digital Audio Broadcasting (DAB); MOT SlideShow; User Application (pdf) Specification" (PDF). ETSI. Retrieved 30 January 2013.
- ^ Inc., Apple. "Messaging - Extensions - iOS Human Interface Guidelines". developer.apple.com. Retrieved 2016-10-12.
- ^ "Anzwix / Chromium / Add support for Animated PNG". Retrieved 2017-03-15.
- ^ https://wiki.mozilla.org/APNG_Specification
- ^ Chunk Ordering Rules (PNG 1.2 spec)
- ^ http://www.w3.org/TR/PNG/
- ^ maxst. "APNG Assembler". SourceForge.
- ^ "cphktool APNG Anime Maker". cphktool. Retrieved 2010-06-28.
- ^ maxst. "APNG Disassembler". SourceForge.
- ^ maxst. "APNG Optimizer". SourceForge.
- ^ https://www.ffmpeg.org/ffmpeg-formats.html#apng
- ^ "GitHub changelog of FFmpeg". Retrieved 2016-07-09.
- ^ "Animated PNG: Simple Animation with an Alpha Channel". Gamani. Retrieved 2009-08-25.
- ^ "APNG Plug-In". Archived from the original on 2014-05-25. Retrieved 2010-05-28.
- ^ "ImageJ News". ImageJ. Archived from the original on May 21, 2009. Retrieved 2009-05-23.
- ^ "ImageMagick - Changelog". Retrieved 2021-04-25.
- ^ "Imagine - What's new". Archived from the original on October 8, 2011. Retrieved 2017-09-01.
- ^ "Konvertor - Solutions for Multimedia Processing". Archived from the original on 2010-05-12. Retrieved 2010-05-19.
- ^ "KSquirrel Codecs ChangeLog".
- ^ "Animated Image 2.4 - AGIF & APNG". Paint.NET Forum.
- ^ "APNG support announcement".
- ^ "SourceForge.net: VirtualDub APNG Mod".
- ^ While XnView is available for several operating systems, only versions for Windows have been released since APNG support was added.
- ^ "APNG export support". Retrieved 2021-08-16.
- ^ "APNG and WEBP animation export (dbe993da) · Commits · Graphics / Krita". GitLab. Retrieved 2021-08-16.
- ^ "Animated PNG graphics". WebKit. Mar 17, 2015. Retrieved 2015-03-17.
- ^ Parmenter, Stuart; Vladimir Vukicevic; Andrew Smith (July 4, 2008). "Animated PNG graphics". Mozilla Developer Center. Mozilla. Archived from the original on 2008-12-04. Retrieved 2009-05-23.
- ^ "Firefox 3 for developers". Mozilla Developer Center. Mozilla. October 1, 2008. Archived from the original on 2008-11-13. Retrieved 2009-05-23.
- ^ a b c d e "Animated PNG (APNG)". Can I use... Support tables for HTML5, CSS3, etc.
- ^ "Add support for Animated PNG".
- ^ "Stable Channel Update for Desktop". Chrome Releases. Retrieved 2017-06-06.
- ^ "The status of APNG image format in Microsoft Edge". Microsoft Edge Development. Retrieved 2017-07-29.
- ^ "Web specifications supported in Opera 9.5". Opera Software. Archived from the original on 2009-02-25. Retrieved 2009-05-23.
- ^ "Opera 46 goes final, more quality and Opera's first TV ad". Opera Software. Retrieved 2017-06-26.
- ^ "APNG-canvas Library".
External links[edit]
![]() |
Wikimedia Commons has media related to Animated PNG. |