超强图片压缩(Creator 2.x版本) https://store.cocos.com/app/detail/6771
超强图片压缩(Creator 3.x版本) https://store.cocos.com/app/detail/5438
一 介绍
游戏项目发布前,通常需要做包体优化,对包体影响最大的无疑是图片资源,所以需要做图片压缩。但普通压缩工具存在各种问题,例如:压缩比低、画面失真、使用不便、无法自动化等等。
超强图片压缩 结合Cocos Creator引擎的构建流程,打开即用,可立即减小50%+包体。是压缩比最高、画质最好、免注册、不限次数/数量、无限使用、全自动化的图片压缩插件。
插件的最新版本已支持命令行,满足个性化打包需求。
插件主程序是Imager.js
,按照 node.js 的标准调用方式即可,首先找到Imager.js
的文件位置。
-
如果使用Cocos Creator 2.x版本,则
Imager.js
位于cocos项目的 packages/imager2x/dist 目录; -
如果使用Cocos Creator 3.x版本,则
Imager.js
位于cocos项目的 extensions/imager/dist 目录;
根据各自版本的不同,从命令行中进入Imager.js
文件所在目录。
二 命令行参数
2.1 用法
node Imager.js <源目录> <缓存目录> <参数>
- 源目录:要压缩的资源目录,支持相对或绝对路径;(必填项)
- 缓存目录:输出的缓存目录,支持相对或绝对路径;(必填项)
- 参数:对应插件设置面板中的参数,各参数间以&字符连接。如下图所示。
- igno 代表不参与压缩的文件,如有多个则中间以逗号分隔。默认为空,即压缩所有文件,此为可选项,没有则不填;
- min 代表参与压缩的单张图片的最低大小。不填则默认为20KB;
- max 代表参与压缩的单张图片的最高大小。不填则默认为10MB;
- exts 代表参与压缩的图片类型。不填则默认为png和jpg;
特别提醒:命令行中的参数一定要用双引号括起来,否则可能出现无法识别的问题。
2.2 示例
-
如果全部采用默认,即压缩指定目录下所有20K-10MB之间的png和jpg图片,则参数保持为空字符串即可。命令如下:
node Imager.js "../../../build/wechatgame" "../../../build/imageCache" ""
上面命令等同于
node Imager.js "../../../build/wechatgame" "../../../build/imageCache" "igno=&min=0.02&max=10&exts=png,jpg"
-
如果想压缩1KB-20MB之间的png图片,则命令如下:
node Imager.js "../../../build/wechatgame" "../../../build/imageCache" "min=0.001&max=20&exts=png"
-
如果有多个不参与压缩的文件,则传入文件名(使用模糊匹配,填部分文件名也可),命令行示例为:
node Imager.js "../../../build/wechatgame" "../../../build/imageCache" "igno=1240c5f4c,dd7b1ceb"
三 联系作者
- 微信公众号:楚游香
- 个人网站: https://www.chuyouxiang.com/
作者的公众号和博客会不定期分享一些游戏开发技巧和上线实战经验,欢迎关注,共同进步!
作者同时创建了一个游戏开发交流群,供朋友们技术交流、学习合作、问题求助等,感兴趣的朋友可以关注我的公众号,并留言加群
。
往期文章推荐
10分钟打通Blender→Cocos!3D游戏建模极简入门(2)
10分钟打通Blender→Cocos!3D游戏建模极简入门(1)
如何让CocosCreator3.x引擎启动提速60%
《如何让CocosCreator3.x引擎启动提速60%》源码
CocosCreator3.x中动态资源的加载原理和释放方案
一个操作让游戏内存立减50+%-性能优化之压缩纹理
Cocos插件:超强图片压缩(全自动图片压缩神器)
Cocos插件:H5版本分开部署
Cocos插件:将视频渲染到任意多个组件
如何用Cocos Shader从零实现基础光照
Pingback: Cocos插件:超强图片压缩 重要更新 – 楚游小栈