mac系统,如何制作electron专用的套娃icns图标文件?
发布于 作者:苏南大叔 来源:程序如此灵动~ 我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...
苏南大叔今天带来的教程是,如何制作macos系统下的electron
专用的icns
图标文件。本教程是在macos
下面制作mac
专用的图标文件,如果您想知道的是win
下面制作win
专用的electron
图标文件的话,请点击下面这个链接:
本文测试环境:mac
、icnstool
。
下载软件
phtotoshop
苏南大叔就不做说明了,icnstool
这个文件需要我们自行下载。
制作过程
本文的软件主角是photoshop
和icnstool
。photoshop
用来制作一个png文件,尺寸是1024*1024。然后我们使用icnstool
进行转换和合并生成icns
。操作步骤见截图,非常的简单。
newsn.net:这里是【评论】可见内容
生成的同名icns
文件,就是苏南大叔的目标文件。我们可以在mac下面双击这个icns
文件,苏南大叔使用系统自带的『图片预览』功能,打开这个文件的话,就可以看到苏南大叔的icns
文件了,也是个套娃图。从1号到10号,不同尺寸的就可以了。
总结
icns
文件,是在mac
下,自定义electron
的图标文件的必经之路。当然,也可以有条系统命令可以合成icns
文件,但是因为要自己做所有格式的png
文件,所以还是不如这个软件来的方便。您说,对吧?
题外话:这个icns
文件,似乎是有些巨大啊,苏南大叔本篇文章里面的这个icns
文件,最终大小是1.6M
,比win
下面的相同文件,要大很多的说。
欢迎关注苏南大叔的electron
相关文章:
如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
感谢分享,已经制作好了windows的ico
111
感谢
感谢
学习到了~
12
感谢分享,学习学习
学习一下
可以
非常棒,正好需要
6666666666
学习一下
感谢分享,学习学习
我现在知道图标是用icns,就是根据你这篇文章来的,但是界面上显示的图片是使用png格式的,但是在一些mac air笔记本上会模糊,不知道该怎么弄
大叔你好,我在折腾macos上图标显示在不同分辨率上显示有些会模糊的情况,根据晚上查找的资料是说需要图标弄成两套,1X跟2X,但是我弄好之后,好像也没有解决问题,不知道大叔你这边是怎么处理的
1x和2x,这个指的是app吧....手机上的这种。普通的mac,就是做这种icns文件...