APP批量自动生成各种不同分辨率尺寸图标和启动页（Android和iOS都支持） - 使用cordova-res图文教程

• 打包应用的时候，无论 Android 还是 iOS，都要为不同设备分辨率准备不同尺寸的图标和启动页图片，非常费时费力，现在有一键生成工具那岂不快哉
• 开局两张图：icon和splash，其他全靠自动

一、环境准备

1. 下载并安装 node

Node.js 中文网：http://nodejs.cn/download/
这适用于从来没有用过 npm 的同学，如果已经装了 node 可以跳过这一步

2. 安装 cordova-res

安装命令：npm i -g cordova-res

说明：
-i 的意思是安装：install
-g 的意思是全局：global

二、使用说明

1. 创建项目

• ① 新建一个文件夹：test（这个名字随意）
• ② 里面再新建一个文件夹：resources（必须叫这个名字）

2. 准备资源

• 把自己准备好的 icon.png 和 splash.png 两张图放到 resources 文件夹

要求：
resources/
├── icon.png 至少 1024×1024px 像素
└── splash.png 至少 2732×2732px 像素

3. 运行命令

① 打开 cmd
在 test 文件夹下，直接在地址栏敲 cmd 回车即可

② cmd 中键入命令，一键生成

cordova-res

4. 查看生成资源

• 生成了两个文件夹：android、ios
  
• 里面分别有各种尺寸图片，大功告成！
  
  

三、在 ionic 项目中

直接运行命令即可，不用再创建项目了

ionic cordova resources android --force
ionic cordova resources ios --force

参考链接：

官方文档：http://npm.taobao.org/package/cordova-res
如果只需要生成图标，有个在线工具：http://www.makeicon.cc