APNG

Last updated
Animated PNG
Animated PNG example bouncing beach ball.png
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/png, image/apng, image/vnd.mozilla.apng
Developed by Mozilla Foundation (adopted by W3C)
Initial releaseAugust 27, 2004;20 years ago (2004-08-27) [1]
Type of formatanimated lossless bitmap image
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 or 48-bit images and full alpha transparency not available for GIFs. It also retains backward compatibility with non-animated PNG files.

Contents

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 competed with Multiple-image Network Graphics (MNG), a comprehensive format for bitmapped animations which was created by the same team as PNG and is obsolete. APNG's advantage was the smaller library size and compatibility with older PNG implementations.

History and development


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. [1] [2] 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); [3] 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. [4] 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) [5] while insisting on the use of the .png extension instead of .apng, leading to the format not being approved by the PNG Development Group. [6]

The PNG Development Group rejected APNG as an official extension on April 20, 2007, [7] and there have been several subsequent proposals for a simple animated graphics format based on PNG using several different approaches. [8] However, since September 14, 2021, the PNG Working Group has been chartered by the World Wide Web Consortium (W3C) to maintain and develop for the PNG specification, and the first public working draft of PNG Specification (Third Edition) was published on October 25, 2022, adding APNG extensions to the core PNG specification. [9] The Candidate Recommendation was published on September 21, 2023. [10]

File format

The APNG specification follows the PNG File format introducing three new ancillary chunks: [11]

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. [12]

Frames utilize the same bit depth, color type, compression method, filter method, interlace method, and palette (if any) as the default image.

An application reading a PNG file is meant to ignore any chunks which it does not understand, [13] making APNG backwards compatible. Applications without support for the APNG extension show only the first frame, disregarding additional animation frames.

Diagram illustrating a possible way to assemble an animated PNG from three individual PNG files Apng assembling.svg
Diagram illustrating a possible way to assemble an animated PNG from three individual PNG files

Compression and optimization

A number of optimization techniques make APNG files as small as possible: Inter-frame optimization [14] utilizing alpha-blend and alpha dispose operations, smaller than the full-size subframes, dirty transparency, color type and color palette optimizations, and various compression options: zlib, 7-Zip, Zopfli. [15]

Derived formats

Animated stickers for Signal are APNG with some restrictions (the size of the file is limited to 300kb, the length of the animation is limited to 3 seconds and, visibly (this last point is unclear), the resolution must be 512x512px).[ which? ] [16]

Support

The logo of APNG Assembler, free software to create APNG images APNG Assembler Logo.svg
The logo of APNG Assembler, free software to create APNG images

Mozilla Firefox added support for APNG in version 3 trunk builds on March 23, 2007. [17] 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. [18]

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. [19] In 2016, Apple adopted the APNG format as the preferred format for animated stickers in iOS 10 iMessage apps. [20] On March 15, 2017, APNG support was added to Chromium. [21]

List of computer programs and their support of APNG, along with their version numbers and release date
FieldSoftwareSupports?Since
Image
processing 		APNG AssemblerYesv. 1 [22]
cphktool APNG Anime MakerYesv. 1 (9 June 2009) [23]
APNG DisassemblerYesv. 1 [24]
APNG OptimizerYesv. 1.0 (28 March 2011) [25]
Chasys Draw IES Yes [26] v. 5.17.05 [27]
Clip Studio Paint Yesv. 1.6.7 (7 September 2017) [28]
FFmpeg Yes [29] v. 2.7 [30]
FireAlpaca  [ ja ]Yesv. 2.3.13 [31]
Gamani GIF Movie GearYesv. 4.2 (March 2008) [32]
GIDRead-onlyv. 11 (December 2023) [33]
GIMP Needs plug-in [34] —
Honeycam Yesv. 3.48 (29 November 2021) [35]
Honeyview Yesv. 5.10 (17 February 2015) [36]
ImageJ Yesv. 1.41g (3 July 2008) [37]
ImageMagick Yesv. 7.0.10-31 (20 September 2020) [38]
ImagineYesv. 1.0.2 (4 May 2008) [39]
IrfanView Read-onlyv. 4.40 (31 July 2015)
KonvertorYesv. 4.02 (May 2010) [40]
KSquirrel (later SAIL)Read-onlyv. 0.7.2 (3 October 2007) [41]
Paint.NET Needs plugin [42] —
PhotoLine Yesv19.5 (11 March 2016)
RealWorld PaintYesv. 2011.1 (December 2011) [43]
VirtualDub Needs plugin [44] [a] —
XnView Read-onlyv. 1.97.4 (30 April 2010) [45]
Sciter and HTMLayout UI enginesRead-onlysince 2008
Krita Yes [46] Krita Nightly 5.0.0 pre-alpha (since 22 February 2021) [47]
qView Read-onlyv. 4.0 (31 October 2020)
Browser
engines 		WebKit Yes(17 March 2015) [48]
Blink YesJune 2017
Web
browsers 		Mozilla Firefox
(Gecko layout engine)		Yesv. 3 (17 June 2008) [49] [50]
SeaMonkey
(Gecko layout engine)		Yesv. 2
Iceweasel and other Debian rebrandings
(Gecko layout engine)		Yesv. 4.0~b12 [18]
Safari
(WebKit layout engine)		Yesv. 8.0 [51]
Google Chrome and Chromium
(Blink layout engine)		Yesv. 59 (5 June 2017) [52] [53]
Internet Explorer
(Trident layout engine)		No [51] —
Microsoft Edge
(EdgeHTML layout engine)		No [51] [54] —
Microsoft Edge
(Blink layout engine)		Yesv. 79
Opera v12 and earlier
(Presto layout engine)		Yesv. 9.5 (12 June 2008) [55]
Opera 15 and later
(Blink layout engine)		Yesv. 46.0 (22 June 2017) [56]
Pale Moon (Goanna layout engine)Yesv. 27
Mobile
browsers 		iOS Safari Yes [51] v. 8.0
Firefox for Android Yes [51]  ?
Samsung Internet for Android Yesv. 7.0
Opera Mobile Yes[ citation needed ] ?
Productivity
software 		LibreOffice Yes [57] Planned
  1. ↑ 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. [58] Examples of such browsers include Microsoft Edge and Internet Explorer 9.

See also

Related Research Articles

<span class="mw-page-title-main">GIF</span> Bitmap image file format family

The Graphics Interchange Format is a bitmap image format that was developed by a team at the online services provider CompuServe led by American computer scientist Steve Wilhite and released on June 15, 1987.

JPEG Network Graphics is a JPEG-based graphics file format which is closely related to PNG: it uses the PNG file structure as a container format to wrap JPEG-encoded image data.

Multiple-image Network Graphics (MNG) is a graphics file format published in 2001 for animated images. Its specification is publicly documented and there are free software reference implementations available.

<span class="mw-page-title-main">PNG</span> Family of lossless-compression image file formats

Portable Network Graphics is a raster-graphics file format that supports lossless data compression. PNG was developed as an improved, non-patented replacement for Graphics Interchange Format (GIF)—unofficially, the initials PNG stood for the recursive acronym "PNG's not GIF".

<span class="mw-page-title-main">KHTML</span> Discontinued web browser engine

KHTML is a discontinued browser engine that was developed by the KDE project. It originated as the engine of the Konqueror browser in the late 1990s, but active development ceased in 2016. It was officially discontinued in 2023.

Motion JPEG is a video compression format in which each video frame or interlaced field of a digital video sequence is compressed separately as a JPEG image.

<span class="mw-page-title-main">Favicon</span> Icon associated with a particular web site

A favicon, also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons associated with a particular website or web page. A web designer can create such an icon and upload it to a website by several means, and graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as a desktop icon.

ANIM is a file format, used to store digital movies and computer generated animations, and is a variation of the ILBM format, which is a subformat of Interchange File Format.

A container format or metafile is a file format that allows multiple data streams to be embedded into a single file, usually along with metadata for identifying and further detailing those streams. Notable examples of container formats include archive files and formats used for multimedia playback. Among the earliest cross-platform container formats were Distinguished Encoding Rules and the 1985 Interchange File Format.

An image file format is a file format for a digital image. There are many formats that can be used, such as JPEG, PNG, and GIF. Most formats up until 2022 were for storing 2D images, not 3D ones. The data stored in an image file format may be compressed or uncompressed. If the data is compressed, it may be done so using lossy compression or lossless compression. For graphic design applications, vector formats are often used. Some image file formats support transparency.

<span class="mw-page-title-main">Synfig</span> Libre 2D animation software

Synfig Studio is a free and open-source vector-based 2D animation software. It is created by Robert Quattlebaum with additional contributions by Adrian Bentley.

<span class="mw-page-title-main">Pivot Animator</span> Stick figure Animation Software

Pivot Animator is a freeware application that allows users to create stick-figure and sprite animations, and save them in the animated GIF format for use on web pages and the AVI format.

Animation of Scalable Vector Graphics, an open XML-based standard vector graphics format is possible through various means:

WebP is a raster graphics file format developed by Google intended as a replacement for JPEG, PNG, and GIF file formats. It supports both lossy and lossless compression, as well as animation and alpha transparency.

HTML audio is a subject of the HTML specification, incorporating audio input, playback, and synthesis, as well as speech to text, all in the browser.

<span class="mw-page-title-main">PDF.js</span> PDF viewer in JavaScript included in Mozilla Firefox

PDF.js is a JavaScript library that renders Portable Document Format (PDF) files using the web standards-compliant HTML5 Canvas. The project is led by the Mozilla Corporation after Andreas Gal launched it in 2011.

High Efficiency Image File Format (HEIF) is an international standard defined by MPEG-H Part 12, first published by the ISO in 2017. It is designed as a container for photographic images in any image encoding. HEIF is a special case of the general ISO BMFF format, in which all data is encapsulated in typed boxes, with a mandatory ftyp box that is used to indicate particular file types. The initial specification for HEIF provided usage details for three compression schemes: the widely supported JPEG encoding for still raster images and two video encodings that are also applicable to still image items, namely Advanced Video Coding and High Efficiency Video Coding.

JPEG XL is a royalty-free open standard for the compressed representation of raster graphics images. It defines a graphics file format and the abstract device for coding JPEG XL bitstreams. It is developed by the Joint Photographic Experts Group (JPEG) and standardized by the International Electrotechnical Commission (IEC) and the International Organization for Standardization (ISO) as the international standard ISO/IEC 18181 as a superset of JPEG/JFIF encoding, with a compression mode built on a traditional block-based transform coding core and a "modular mode" for synthetic image content and lossless compression. Optional lossy quantization enables both lossless and lossy compression.

<span class="mw-page-title-main">Lottie (file format)</span> File format for vector graphics animations

Lottie is a file format for vector graphics animation, and is named after Charlotte "Lotte" Reiniger, a German pioneer of silhouette animation.

The Quite OK Image Format (QOI) is a specification for lossless image compression of 24-bit or 32-bit color raster (bitmapped) images, invented by Dominic Szablewski and first announced on 24 November 2021.

References

  1. 1 2 "Add APNG support for Mozilla". Bugzilla. Mozilla Foundation. 27 August 2004. Retrieved 23 April 2024.
  2. ↑ Stuart Parmenter; Vladimir Vukicevic (2 September 2004). "APNG 0.4 [DRAFT]". Vladimir Vukicevic. Archived from the original on 19 November 2004. Retrieved 23 April 2024.
  3. ↑ martin (1999-11-11). "Bug 18574 - (mng) restore support for MNG animation format and JNG image format". Mozilla . Retrieved 2010-03-30.
  4. ↑ "PNG (Portable Network Graphics) Specification, Version 1.1#8.4. Multiple-image extension". libpng . Retrieved 2010-03-30.
  5. ↑ "APNG Specification, Version 1.0#MIME type". Mozilla. Retrieved 2017-12-10.
  6. ↑ "ImageMagick can't detect animated PNG". GitHub . Retrieved 2017-12-10.
  7. ↑ "VOTE FAILED: APNG 20070405a". SourceForge mailing list. 2007-04-20.
  8. ↑ "Discussion for a simple "animated" PNG format". Archived from the original on 2009-02-26. Retrieved 2011-07-12.
  9. ↑ "PNG Third Edition, Explained". W3C GitHub. 2023-05-24.
  10. ↑ "PNG Specification (Third Edition), APNG: frame-based animation". w3.org. 2023-09-21.
  11. ↑ "APNG Specification - MozillaWiki".
  12. ↑ Chunk Ordering Rules (PNG 1.2 spec)
  13. ↑ "Portable Network Graphics (PNG) Specification (Second Edition)".
  14. ↑ "Inter-frame Optimization in APNG". littlesvr.ca. Archived from the original on 2014-04-26. Retrieved 2021-10-21.
  15. ↑ "APNG Assembler". apngasm.sourceforge.net. Retrieved 2021-10-21.
  16. ↑ "Stickers". Signal Support. Signal. Retrieved 28 December 2021.
  17. ↑ "Gran Paradiso Alpha 3 release notes". Mozilla. 2007-03-23. Archived from the original on December 26, 2009. Retrieved 2010-03-30.
  18. 1 2 "Debian Bug #486827 Iceweasel cannot render APNG image". Debian. 2011-08-26. Retrieved 2011-09-18.
  19. ↑ "Digital Audio Broadcasting (DAB); MOT SlideShow; User Application (pdf) Specification" (PDF). ETSI. Retrieved 30 January 2013.
  20. ↑ "Messaging - Extensions - iOS Human Interface Guidelines". developer.apple.com. Apple, Inc. Retrieved 2016-10-12.
  21. ↑ "Anzwix / Chromium / Add support for Animated PNG" . Retrieved 2017-03-15.
  22. ↑ maxst (15 November 2017). "APNG Assembler". SourceForge.
  23. ↑ "cphktool APNG Anime Maker". cphktool. Archived from the original on 2010-02-09. Retrieved 2010-06-28.
  24. ↑ maxst. "APNG Disassembler". SourceForge.
  25. ↑ maxst. "APNG Optimizer". SourceForge.
  26. ↑ "Online Help for Chasys Draw IES: File Formats - Other Image Files".
  27. ↑ "Online Help for Chasys Draw IES: History" . Retrieved 2022-07-18.
  28. ↑ "CLIP STUDIO PAINT Version 1.6.7 release notes (9/7/2017)" . Retrieved 2024-04-22.
  29. ↑ "FFmpeg Formats Documentation".
  30. ↑ "GitHub changelog of FFmpeg". GitHub . Retrieved 2016-07-09.
  31. ↑ "FireAlpaca Update History" . Retrieved 2021-09-04.
  32. ↑ "Animated PNG: Simple Animation with an Alpha Channel". Gamani. Retrieved 2009-08-25.
  33. ↑ "GID (Generic Image Decoder)". GitHub . Retrieved 2023-12-09.
  34. ↑ "APNG Plug-In". Archived from the original on 2014-05-25. Retrieved 2010-05-28.
  35. ↑ "Honeycam - Version history". Bandisoft International Inc. Retrieved 2022-01-09.
  36. ↑ "Honeyview - Version history". Bandisoft International Inc. Retrieved 2022-01-09.
  37. ↑ "ImageJ News". ImageJ. Archived from the original on May 21, 2009. Retrieved 2009-05-23.
  38. ↑ "ImageMagick - Changelog" . Retrieved 2021-04-25.
  39. ↑ "Imagine - What's new". Archived from the original on October 8, 2011. Retrieved 2017-09-01.
  40. ↑ "Konvertor - Solutions for Multimedia Processing". Archived from the original on 2010-05-12. Retrieved 2010-05-19.
  41. ↑ "KSquirrel Codecs ChangeLog". GitHub . 15 October 2021.
  42. ↑ "Animated Image 2.4 - AGIF & APNG". Paint.NET Forum. 10 January 2009.
  43. ↑ "More about animated PNG - Vlasta's blog". www.rw-designer.com.
  44. ↑ "SourceForge.net: VirtualDub APNG Mod". vdubapngmod.sourceforge.net.
  45. ↑ While XnView is available for several operating systems, only versions for Windows have been released since APNG support was added.
  46. ↑ "APNG export support" . Retrieved 2021-08-16.
  47. ↑ "APNG and WEBP animation export (dbe993da) · Commits · Graphics / Krita". GitLab. 22 February 2021. Retrieved 2021-08-16.
  48. ↑ "Animated PNG graphics". WebKit. Mar 17, 2015. Retrieved 2015-03-17.
  49. ↑ 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.
  50. ↑ "Firefox 3 for developers". Mozilla Developer Center. Mozilla. October 1, 2008. Archived from the original on 2008-11-13. Retrieved 2009-05-23.
  51. 1 2 3 4 5 "Animated PNG (APNG)". Can I use... Support tables for HTML5, CSS3, etc.
  52. ↑ "7d2b8c45afc9c0230410011293cc2e1dbb8943a7 - chromium/src - Git at Google". chromium.googlesource.com.
  53. ↑ "Stable Channel Update for Desktop". Chrome Releases. Retrieved 2017-06-06.
  54. ↑ "The status of APNG image format in Microsoft Edge". Microsoft Edge Development. Retrieved 2017-07-29.
  55. ↑ "Web specifications supported in Opera 9.5". Opera Software. Archived from the original on 2009-02-25. Retrieved 2009-05-23.
  56. ↑ "Opera 46 goes final, more quality and Opera's first TV ad". Opera Software. 22 June 2017. Retrieved 2017-06-26.
  57. ↑ "Projects selected for LibreOffice in the Google Summer of Code 2023: Add APNG import/export support". LibreOffice. 29 May 2023. Retrieved 2023-05-29.
  58. ↑ "APNG-canvas Library". GitHub . 11 October 2021.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.