图标

Tauri 的默认图标集基于其徽标。这可不是您在发布应用程序时想要的。为了解决这一常见问题,Tauri 提供了icon命令,该命令将接收一个输入文件(默认为"./app-icon.png")并创建各种平台所需的所有图标。

文件类型说明
  • icon.icns = macOS
  • icon.ico = Windows
  • *.png = Linux
  • Square*Logo.png & StoreLogo.png = 目前未使用,但用于 AppX/MS 商店目标。

请注意,图标类型可能会用于上述平台以外的其他平台(尤其是 png)。因此,即使您只打算为部分平台构建,我们也建议您包含所有图标。

命令用法

@tauri-apps/cli / tauri-cli 1.1 版开始,icon子命令成为主 cli 的一部分:

  • npm
  • Yarn
  • pnpm
  • Cargo

npm run tauri icon

yarn tauri icon

pnpm tauri icon

cargo tauri icon



> cargo tauri icon --help
cargo-tauri-icon 1.1.0

Generates various icons for all major platforms

USAGE:
    cargo tauri icon [OPTIONS] [INPUT]

ARGS:
    <INPUT>    Path to the source icon (png, 1024x1024px with transparency) [default: ./app-icon.png]

OPTIONS:
    -h, --help               Print help information
    -o, --output <OUTPUT>    Output directory. Default: 'icons' directory next to the tauri.conf.json file
    -v, --verbose            Enables verbose logging
    -V, --version            Print version information


默认情况下,图标将放置在 src-tauri/icons 文件夹中,并自动包含在构建的应用程序中。如果想从其他位置获取图标,可以编辑 tauri.conf.json 文件的这一部分:


{
  "tauri": {
    "bundle": {
      "icon": [
        "icons/32x32.png",
        "icons/128x128.png",
        "icons/128x128@2x.png",
        "icons/icon.icns",
        "icons/icon.ico"
      ]
    }
  }
}

手动创建图标

如果您喜欢自己制作这些图标,例如,如果您想为小尺寸图标设计一个更简单的图标,或者因为您不想依赖 CLI 的内部图像大小调整,您必须确保您的图标符合某些要求:

  • icon.icns: Tauri 软件仓库中描述了 icns 文件所需的图层大小和名称
  • icon.ico: ico文件必须包括 16、24、32、48、64 和 256 像素的图层。为了在开发中以最佳方式显示 ICO 图像,32px 图层应为第一图层。
  • png: 对 png 图标的要求是:宽 == 高、RGBA(RGB + 透明度)、每个像素 32 位(每个通道 8 位)。常见的预期尺寸为 32、128、256 和 512 像素。我们建议至少与 tauri icon的输出相匹配: 32x32.png128x128.png128x128@2x.pngicon.png