Node.js修复IPA中经过优化的PNG图片

项目背景与问题描述

最近在项目开发中，我们遇到了一个需求：解析APK和IPA包，并将其中的图标文件上传至服务器。

问题

解析与上传的过程相对简单，我使用JSZip库对APK和IPA文件进行解压，然后定位并上传其中的图标文件至服务器。然而，当在网页中展示这些图片时，问题出现了。对于APK中的图标，一切正常；但对于从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-pngdefry的使用方法非常简单，支持命令行和常规的Node.js调用：

命令行用法

安装：

$ npm install -g pngdefry

然后运行：

$ 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');
});

测试

$ npm test

项目地址

node-pngdefry