在使用 Electron
、Tauri
等框架开发桌面应用时,需要为应用生成不同平台的图标,如:MacOS 中的 icon.icns
、Windows 中的 icon.ico
、Linux 中的 *.png
等类型图标,这里介绍一种简单快捷一键转换图标的方法。
准备工作
nodejs
环境npm / yarn / pnpm
等包管理工具
工具介绍
命令行:
pnpm tauri icon <path/to/your/icon.png>
语法及参数:
Usage: cargo-tauri icon [OPTIONS] [INPUT]
Arguments:
[INPUT] Path to the source icon (png, 1240x1240px with transparency) [default: ./app-icon.png]
Options:
-o, --output <OUTPUT> Output directory. Default: 'icons' directory next to the tauri.conf.json file
-v, --verbose... Enables verbose logging
-p, --png <PNG> Custom PNG icon sizes to generate. When set, the default icons are not generated
-h, --help Print help
-V, --version Print version
使用方法
- 新建一个文件夹,比如
tauri-icon
,然后在命令行中进入该文件夹; - 在该文件夹中准备一张 1024 * 1024 的 png 图片,比如
app-icon.png
; - 在该文件夹中再新建一个文件夹,比如
icons
,用于存放生成的图标; - 在命令行中执行以下命令:
pnpm tauri icon ./app-icon.png -o ./icons
# or
npm tauri icon ./app-icon.png -o ./icons
参考文档:
- https://tauri.app/zh-cn/v1/guides/features/icons
欢迎访问:天问博客