{"id":13252,"date":"2020-02-19T11:28:58","date_gmt":"2020-02-19T05:58:58","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=13252"},"modified":"2023-08-22T13:47:41","modified_gmt":"2023-08-22T08:17:41","slug":"apng-in-emails","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/apng-in-emails\/","title":{"rendered":"APNG in Emails: Taking Animations to a New Level"},"content":{"rendered":"\n\n\n\n

Have you taken a look at email design trends 2020<\/a> by Email Uplers yet?<\/p>\n\n\n\n

If yes, you might be well aware that APNG is anticipated to be one of the most popular email design trends in 2020, just like it was in the year 2019.<\/p>\n\n\n\n

APNG is an extension of the PNG (Portable Network Graphics) format, thereby extending support to the animated images. It is an open standard for animated bitmap graphics, the animated parallel of the PNG standard and an alternative to MNG (Multiple-image Network Graphics).<\/p>\n\n\n\n

\"\"<\/a><\/div><\/div>\n\n\n\n

History of APNG<\/h2>\n\n\n\n

If we are to talk about the inception of APNG, in 2004, Stuart Parmenter and Vladimir Vuki\u0107evi\u0107 from Mozilla Corporation created it to store the animations for throbbers, an animated graphical control element that conveys that a computer program is performing an action in the background of the device. (as shown in the image below.)<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Unfortunately, PNG group disapproved it in 2007. Later in 2016, Apple chose APNG as the ideal format for animated stickers in iOS 10 iMessage apps.<\/p>\n\n\n\n

\"\"<\/a><\/div><\/div>\n\n\n\n

Advantages of APNG<\/h2>\n\n\n\n

The good part of APNG images is that they maintain backward compatibility with non-animated PNG files. As the first frame of an APNG file is saved as a normal PNG stream, majority of the PNG decoders will display its first frame.<\/p>\n\n\n\n

It is similar to GIFs as both are lossless formats which support animated images.<\/p>\n\n\n\n

Let\u2019s understand the differences between APNG and GIF.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Here\u2019s an example that clearly indicates the differences between APNG and GIF. Note the high resolution of the APNG image. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

That said, it is quite evident that it has full potential to replace the conventionally used GIF format as it supports 24-bit images and 8-bit transparency unlike GIFs.<\/p>\n\n\n\n

\"\"<\/a><\/div><\/div>\n\n\n\n

Usage of APNG in Diverse Industries<\/h2>\n\n\n\n

APNG email has several applications across various industries.<\/p>\n\n\n\n

Let\u2019s walk through some ideas in which you can use these animations.<\/p>\n\n\n\n

1. Ecommerce Industry<\/h3>\n\n\n\n

Ecommerce emails provide a huge playground to reinvent new possibilities. Whether it is animations or AMP, you can try it all if you are in the ecommerce industry.<\/p>\n\n\n\n

Take a look at this example wherein the brand has showcased different products with the help of a high-resolution APNG.<\/p>\n\n\n\n