如何制作俄罗斯套娃一般的 electron 专用 ico 图标

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

苏南大叔一直以为ico就是png的一种特殊简化形式，最近调试electron的时候，才发现ico的特殊之处。特殊之处就是：ico可以是个俄罗斯套娃般的存在。先给出一个俄罗斯套娃的图片，大家体验一下。

正版ico分析

苏南大叔还是拿electron-vue的demo来说，这个例子的ico图标位置是build文件夹下面。苏南大叔用ps打开这个ico的时候，会有如下提示：

而苏南大叔自做的ico文件，打开的时候，却没有这个提示。

苏南大叔用了一款exe软件打开了正版的electron图标ico文件，发现如下图所示，俄！罗！斯！套！娃！N合1，可分可合！

套娃ico制作

photoshop编辑ico文件，需要个ICOFormat.8bi的plugin才能编辑和另存为ico，不过似乎不能做这种套娃效果。photoshop的ico编辑，并不在本次的讨论范围内。具体可参考：

• https://newsn.net/say/photoshop-ico.html

涉及的图标编辑软件是：

下面显示如何用这款icofx软件做个套娃版的ico。打开苏南大叔的目标ico后，重复下图所示的步骤即可。

添加好electron所必须的相关尺寸（256、128、64、32、16，必须要有个256*256的尺寸）之后，保存文件即可。当然linux专用的icns文件，也可以用这个软件打开。不过格式上，应该有所区别。鉴于过窄的应用范围，苏南大叔这里就不做讨论了。相关文章见这里：

• https://newsn.net/say/electron-icns.html

苏南大叔友情提示：对于桌面图标，win系统有缓存！请注销当前用户，再进入桌面看效果！

总结

这种套娃般的ico，尺寸实际上是多变的。如果只是使用苏南大叔普通的单一ico给electron，就可能在win下，出现某位置的electron图标消失的情况。这种情况，在苏南大叔的后续electron相关文章中，将会继续讨论。

敬请点击这里，关注苏南大叔的electron相关文章。

• https://newsn.net/tag/electron/

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