我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

苏南大叔今天带来的教程是,如何制作macos系统下的electron专用的icns图标文件。本教程是在macos下面制作mac专用的图标文件,如果您想知道的是win下面制作win专用的electron图标文件的话,请点击下面这个链接:

苏南大叔: mac系统,如何制作electron专用的套娃icns图标文件? - electron-icns
mac系统,如何制作electron专用的套娃icns图标文件?(图7-1)

本文测试环境:macicnstool

下载软件

phtotoshop 苏南大叔就不做说明了,icnstool这个文件需要我们自行下载。

苏南大叔: mac系统,如何制作electron专用的套娃icns图标文件? - 000
mac系统,如何制作electron专用的套娃icns图标文件?(图7-2)

制作过程

本文的软件主角是photoshopicnstoolphotoshop用来制作一个png文件,尺寸是1024*1024。然后我们使用icnstool进行转换和合并生成icns。操作步骤见截图,非常的简单。

苏南大叔: mac系统,如何制作electron专用的套娃icns图标文件? - 001
mac系统,如何制作electron专用的套娃icns图标文件?(图7-3)

newsn.net:这里是【评论】可见内容

苏南大叔: mac系统,如何制作electron专用的套娃icns图标文件? - 004
mac系统,如何制作electron专用的套娃icns图标文件?(图7-5)

苏南大叔: mac系统,如何制作electron专用的套娃icns图标文件? - 005
mac系统,如何制作electron专用的套娃icns图标文件?(图7-6)

生成的同名icns文件,就是苏南大叔的目标文件。我们可以在mac下面双击这个icns文件,苏南大叔使用系统自带的『图片预览』功能,打开这个文件的话,就可以看到苏南大叔的icns文件了,也是个套娃图。从1号到10号,不同尺寸的就可以了。

苏南大叔: mac系统,如何制作electron专用的套娃icns图标文件? - 006
mac系统,如何制作electron专用的套娃icns图标文件?(图7-7)

总结

icns文件,是在mac下,自定义electron的图标文件的必经之路。当然,也可以有条系统命令可以合成icns文件,但是因为要自己做所有格式的png文件,所以还是不如这个软件来的方便。您说,对吧?

题外话:这个icns文件,似乎是有些巨大啊,苏南大叔本篇文章里面的这个icns文件,最终大小是1.6M,比win下面的相同文件,要大很多的说。

欢迎关注苏南大叔的electron相关文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   electron    icns