图片格式 WebP APNG

WebP  是一种支持有损压缩和无损压缩的图片文件格式，派生自图像编码格式 VP8。根据 Google 的测试，无损压缩后的 WebP 比 PNG 文件少了 45％ 的文件大小，即使这些 PNG 文件经过其他压缩工具压缩之后，WebP 还是可以减少 28％ 的文件大小。

 

PNG 转 WebP 的压缩率要高于 PNG 原图压缩率，同样支持有损与无损压缩

转换后的 WebP 体积大幅减少，图片质量也得到保障（同时肉眼几乎无法看出差异）

转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数，不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题

 

WebP 的优势体现在它具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量；同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性，在 JPEG 和 PNG 上的转化效果都非常优秀、稳定和统一。

 

如果网站以图片为主，或者你的产品基于 Chromium 内核，建议体验尝试。假如你打算在 App 中使用 WebP，除了 Android4.0 以上提供的原生支持外，其他版本以及 iOS 都可以直接使用官方提供的解析库

 

WebP 使用的是 Fancy 采样算法，既然是采样算法必然有采样区块，而 JPEG 的采样区块是 8*8，对于原始图片的长宽不是 8 的倍数，都需要先补成 8 的倍数，使其能一块块的处理，所以对于 8 的整数倍的图片，压缩会更高效。

 

对于色彩复杂的图片，一般使用 JPEG 格式，而对于色彩单一的图片，使用 PNG 格式。可见色彩数会影响图片的压缩效果。

 

http://isux.tencent.com/introduction-of-webp.html

 

http://isparta.github.io/

 

APNG又叫动态PNG（Animated PNG），第1帧为标准PNG图像，剩余的动画和帧速等数据放在PNG扩展数据块里，因此只支持原版PNG的软件会正确显示第1帧。(为了解决gif锯齿，白色噪点问题)

 

APNG的经历还是蛮忐忑的，而且最后还是没有形成标准，所以很少应用程序（对于浏览器，目前有firefox与opera支持，还有IOS8下的Safari）支持这种格式，但是不支持的应用程序会显示APNG的第一帧。

对于原生应用，我们可以根据官方说明文档编写解码逻辑 https://developer.mozilla.org/en-US/docs/Animated_PNG_graphics

 

对于HTML5应用，已经有比较成熟的开源框架apng-canvas https://github.com/davidmz/apng-canvas可供使用

 

iSparta可以批量转换上面两种图片。

 

http://isux.tencent.com/introduction-of-apng.html