用JavaScript修复ipa处理过的的png图片

最近作项目遇到一个需求：解析apk和ipa包，而后把里面的icon上传到服务器。

问题

解析上传过程比较简单，我使用JSZip对apk和ipa进行解压，而后把找到里面的icon上传到服务器。可是，当我在网页中使用图片时，问题出现了。对于apk中的icon，没有任何问题，可是对于ipa中解析出来的图片，在safari中能够正常显示，在其余任何浏览器去没法显示。

缘由

Google后发现，是苹果对png图片进行了优化处理，具体看这篇文章（查看），在文章中咱们能够了解到一些有用信息：

Apple uses PNGCursh open source library to crush png images inside iPA files。

解决方案

做为一个前端工程师，我但愿用javascript解决这个问题。其实以前国外已经有人去解决了，NodeJS-PNGDefry就是能够，惋惜这个过久没维护，已经跑不起来。

找不到可用的，我只能本身动手丰衣足食，本身写一个。所以有了node-pngdefry。node-pngdefry的功能很明确，就是用Javascript来还原被苹果处理过的png图片。

node-pngdefry用法很简单，支持命令行和常规的Node.js:

命令行用法

install：

$ npm install -g pngdefry

then run:

$ pngdefry -i icon.png -o icon.new.png

在Node.js中使用

$ npm install pngdefry --save-dev

var pngdefry = require('pngdefry');
var path = require('path');

var input = path.join(__dirname, 'icon.png');
var output = path.join(__dirname, 'icon.new.png');

pngdefry(input, output, function(err) {
  if (err) {
    return;
  }

  console.log('success');
});

Test

$ npm test

项目地址

node-pngdefry

感谢

最后感谢上面提到的文章的做者Jongware。