【electron -> generate icon】

🎯 Electron Builder 图标要求

Windows (.ico)

• 主图标: icon.ico ✅ 已有
• 尺寸: 包含多个尺寸（16x16, 32x32, 48x48, 64x64, 128x128, 256x256, 512x512）
• 格式: .ico 文件

macOS (.icns)

• 主图标: icon.icns ✅ 已有
• 尺寸: 包含多个尺寸（16x16 到 1024x1024）
• 格式: .icns 文件

Linux (.png)

• 主图标: icon.png ✅ 已有
• 推荐尺寸: 512x512 或 1024x1024
• 格式: .png 文件

🔄 SVG转换需求

是的，需要转换！ SVG → 各平台格式

🛠️ 图标生成工具推荐

在线工具（最简单）

1. IconKitchen - https://icon.kitchen/
2. App Icon Generator - https://appicon.co/
3. Favicon Generator - https://realfavicongenerator.net/

命令行工具

# 安装 electron-icon-builder
npm install -g electron-icon-builder

# 从 SVG/PNG 生成所有平台图标
electron-icon-builder --input=icon.svg --output=build --flatten

Figma/Sketch 导出

如果用设计工具，直接导出为：

• 1024x1024 PNG（用于生成其他格式）

📐 推荐的标准尺寸

主PNG源文件: 1024x1024px

• 高质量，用于生成所有其他尺寸
• 背景透明
• 图标居中，留边距

---

在macOS上，不同尺寸的图标有各自的用途和显示位置：

🍎 macOS 图标尺寸用途详解

📁 Finder 中的显示

• 16x16 - 列表视图中的小图标
• 32x32 - 列表视图中的中等图标
• 48x48 - 列表视图中的大图标
• 128x128 - 图标视图（默认）
• 256x256 - 图标视图（放大）
• 512x512 - 图标视图（最大）

🚀 Dock 栏

• 128x128 - 标准Dock图标
• 256x256 - 大尺寸Dock（放大时）
• 512x512 - Retina显示屏Dock

🔍 Spotlight 搜索

• 32x32 - Spotlight搜索结果
• 64x64 - Spotlight搜索结果（Retina）

⚙️ 系统偏好设置

• 32x32 - 应用列表
• 64x64 - 应用列表（Retina）

📱 应用切换器（Cmd+Tab）

• 128x128 - 应用切换器图标
• 256x256 - 应用切换器（Retina）

🖥️ 菜单栏

• 16x16 - 菜单栏应用图标
• 32x32 - 菜单栏（Retina）

📋 活动监视器

• 32x32 - 进程列表
• 64x64 - 进程列表（Retina）

💿 安装包（DMG）

• 512x512 - DMG文件图标
• 1024x1024 - DMG背景或大图标

📦 .icns 文件结构

一个完整的 .icns 文件包含：

icon.icns
├── 16x16      (ic04)
├── 16x16@2x   (ic05) = 32x32
├── 32x32      (ic07)  
├── 32x32@2x   (ic08) = 64x64
├── 64x64      (ic09)
├── 128x128    (ic10)
├── 128x128@2x (ic11) = 256x256
├── 256x256    (ic12)
├── 256x256@2x (ic13) = 512x512
├── 512x512    (ic14)
└── 512x512@2x (ic15) = 1024x1024

🎯 实际使用场景举例

当用户...

• 打开Finder → 看到 128x128 的图标
• Cmd+Tab切换 → 看到 256x256 的图标
• 拖拽到Dock → 看到 128-512x512 的图标
• Spotlight搜索 → 看到 32x32 的图标
• 安装DMG → 看到 512x512 的图标

🔧 对你的影响

用户主要会在：

1. Dock 中看到它（128-256px）
2. Cmd+Tab 切换时看到（256px）
3. Finder 中管理时看到（128-512px）

所以重点关注 128px, 256px, 512px 这几个尺寸的显示效果！