IconJar 是一款专为 macOS 设计的强大图标资源管理工具，旨在帮助设计师、开发者和创意工作者高效地组织、搜索、预览和使用海量图标资源。它支持 SVG、PNG、PDF、Sketch、AI 等多种格式，通过统一的资源库和智能搜索，彻底改变图标散落各处的混乱局面。

一、核心界面与工作区详解

IconJar 的界面设计直观清晰，主要分为以下几个核心区域：

侧边栏（库与集合）：位于窗口左侧。顶部显示已加载的图标库文件（.iconjar），下方以树状结构展示库内的“集合”和“智能集合”。集合用于手动分类图标，而智能集合则根据预设规则（如标签、格式、尺寸）自动聚合图标。
主预览区（图标网格）：窗口中央区域。以网格形式展示当前选中集合中的所有图标。将鼠标悬停在图标上可显示放大预览、格式、尺寸等元信息。支持拖拽直接使用。
检查器面板（Inspector）：位于窗口右侧。当选中一个或多个图标时，此面板会显示图标的详细信息，包括：
- 预览：大尺寸预览，可切换不同背景色检查效果。
- 信息：名称、格式、尺寸、创建时间等。
- 标签：为图标添加或管理关键词标签，这是高效检索的核心。
- 导出设置：配置导出时的格式、尺寸、前缀后缀等。
顶部工具栏：包含快速操作按钮，如“导入图标”、“新建集合”、“切换视图模式”、“显示/隐藏标签栏”以及全局搜索框。
底部状态栏：显示当前选中图标数量、库信息及快速调整图标网格大小的滑块。

二、完整操作流程：从创建项目到导出图标

步骤 1：创建或打开图标库

启动 IconJar 后，您将看到一个欢迎界面。

步骤 2：导入与组织图标

将图标资源纳入库中进行管理。

导入图标：点击工具栏的 + 按钮或使用 Cmd + I，选择文件导入。更推荐直接将图标文件或文件夹从 Finder 拖入 IconJar 的侧边栏或主预览区。
创建集合：在侧边栏底部点击 + 按钮，选择“新建集合”。为其命名（如“iOS 应用图标”、“支付图标”）。将图标从主预览区拖拽到集合中即可完成分类。
添加标签：选中一个或多个图标，在右侧检查器的“标签”区域输入关键词（如“home”、“solid”、“blue”），按回车确认。标签是智能搜索的基础，建议系统化地添加。

步骤 3：搜索与定位图标

利用强大的搜索功能快速找到所需图标。

步骤 4：预览与使用图标

在设计和开发过程中快速调用图标。

快速预览：鼠标悬停在图标上即可放大预览。按空格键可开启快速查看，进行更细致的检查。
拖拽使用：直接从 IconJar 主预览区将图标拖拽到 Sketch、Figma、Photoshop、Xcode 或任何支持拖放的应用中。默认拖出的是原始格式文件。
复制到剪贴板：选中图标，使用 Cmd + C 复制。在需要的地方（如邮件、文档）使用 Cmd + V 粘贴。可以在偏好设置中设定复制时的默认格式（如 PNG）。

步骤 5：导出图标

将图标以特定格式和尺寸导出到本地文件夹。

选中一个或多个需要导出的图标。
在右侧检查器面板切换到 “导出” 选项卡。
配置导出参数：
- 格式：选择 SVG、PNG、PDF、WebP 等。
- 尺寸：对于栅格格式（如 PNG），可设置 1x, 2x, 3x 或自定义宽高。
- 命名：设置文件名前缀、后缀（如 “@2x”）。
点击检查器底部的 导出... 按钮，或使用快捷键 Cmd + E。
在弹出的窗口中选择目标文件夹，点击 导出 即可完成。

批量操作：使用 Cmd + 点击 或 Shift + 点击 选择多个图标，然后可以一次性添加/删除标签、移动至集合或批量导出，极大提升效率。
重复图标检测：IconJar 能自动检测库中完全相同的图标。通过菜单栏 显示 -> 显示重复项 来查看和管理，帮助清理冗余资源。
自定义工作区：通过 视图 菜单可以隐藏/显示侧边栏、检查器、状态栏，以适应不同的屏幕空间和专注需求。
与设计工具深度集成：在 Sketch 或 Figma 中安装 IconJar 插件后，可以直接在这些工具内搜索并插入 IconJar 库中的图标，实现无缝工作流。
智能重命名：选中图标后，按 回车键 可直接重命名。结合批量选择，可以快速统一命名规范。

Q1：导入的 SVG 图标在预览时显示颜色不正确或丢失细节？

A1：这通常是因为 SVG 文件内使用了非标准的属性或编码。尝试以下方法：1) 在检查器面板切换预览背景色，检查是否是透明底叠加问题。2) 使用其他矢量软件（如 Illustrator）打开并重新保存为标准的 SVG 文件后再导入。IconJar 对纯路径的 SVG 支持最佳。

Q2：为什么拖拽到设计软件中的图标尺寸非常大或非常小？

A2：拖拽出的图标保持其原始尺寸。如果图标原始画布很大，拖入后就会显得大。建议在导出前，于 IconJar 的导出设置中预先定义好尺寸，或拖入设计软件后手动缩放。对于矢量格式（SVG），在设计软件中通常可以无损缩放。

Q3：智能集合没有自动更新或包含的图标不正确？

A3：检查智能集合的规则设置。规则是“与”还是“或”的关系。确保图标的标签等信息完全符合规则条件。可以尝试修改并重新保存规则以触发更新。

Q4：IconJar 库文件（.iconjar）损坏或无法打开？

A4：.iconjar 文件本质是一个包。可以右键点击它，选择“显示包内容”，在 `Assets` 文件夹内找回原始的图标文件。定期备份您的 .iconjar 文件至云盘或外部存储是良好的习惯。