Electron app：制作 macOS Windows Linux 下的图标

我使用的打包工具是：Electron Forge

这是推荐的图标格式和像素。

https://www.electronforge.io/guides/create-and-add-icons

设计的图标先转为了 SVG 格式，因为 SVG 可以转换成任意像素。

然后将图标转为了 256x256 和 512x512 px 的 .png。

512x512 的 .png 为 Linux 使用。

https://ezgif.com/svg-to-png/

256x256 的 .png转成 .ico ， Windows 使用。

https://cloudconvert.com/png-to-ico

macOS 的稍稍麻烦。

macOS 的设计标准：

蓝色部分为透明的，如果没有外围这一圈，部分屏幕上图标会比别的 app 大一圈。

512x512 的 .png，需要转换成 .icns。

https://cloudconvert.com/png-to-icns

.icns 格式， Windows 又要找软件才看查看，我用的 XnShell。

我没有制作 @2x ，测试貌似默认大小即可满足大部分情况。

参考：

本文由考拉创作，采用知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Nov 22,2023

Electron app： 制作 macOS Windows Linux 下的图标