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

苏南大叔今天带来的教程是,如何制作macos系统下的electron专用的icns图标文件。本教程是在macos下面制作mac专用的图标文件,如果您想知道的是win下面制作win专用的electron图标文件的话,请点击这里:https://newsn.net/say/electron-ico-format.html

下载软件

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

如何制作 electron 的苹果 icns 图标文件 - 000

如何制作 electron 的苹果 icns 图标文件(图6-1)

制作过程

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

如何制作 electron 的苹果 icns 图标文件 - 001

如何制作 electron 的苹果 icns 图标文件(图6-2)

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

如何制作 electron 的苹果 icns 图标文件 - 004

如何制作 electron 的苹果 icns 图标文件(图6-4)

如何制作 electron 的苹果 icns 图标文件 - 005

如何制作 electron 的苹果 icns 图标文件(图6-5)

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

如何制作 electron 的苹果 icns 图标文件 - 006

如何制作 electron 的苹果 icns 图标文件(图6-6)

总结

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

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

欢迎关注苏南大叔的electron相关文章,https://newsn.net/tag/electron/

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

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/electron-mac-icns.html
上一篇好文:electron换图标之builder
下一篇好文:electron打开开发者工具devtools的方法

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~