特稿 · 产品设计 · image-mate

Image Mate

已上线闭源付费本地优先AI 辅助桌面App Store

Image Mate 是 macOS 原生图片工作台：拖入文件夹或单张图，选预设（README 截图、Next.js 静态资源等），

一键压缩、缩放、转 WebP。处理完可在对比视图里左右核对画质与体积。

同一套引擎也封装成 CLI 和 MCP，供 Cursor 在流水线里批量出图。

编号
13 / 20

区间
2026-05-26 — 2026-05-28

可见性
私有

界面讲义 · 2 帧

界面

01 1 / 2

工作台

主界面是「拖入 → 选预设 → 一键处理」的单页工作台。没有项目树或多步向导，适合 README 截图、Next.js 静态资源这类重复性出图任务。

顶栏左侧是品牌与今日免费额度；右侧「清空」「开始处理」把整批任务的起止握在一处。中间工具栏依次是预设、质量、输出格式、缩放策略和输出目录——参数都在一行里改完，不用进二级设置页。

中央大面积拖放区是空状态引导：支持 JPEG / PNG / WebP / HEIC。底部灰条提示当前走 ImageIO 管线，并点名可安装的 mozjpeg、oxipng 等外部编码器，方便开发者知道「还能再压多少」。

02 2 / 2

压缩对比

处理完单张图可进对比视图，核对「省了多大、画面有没有糊」。这是出图流水线的验收环节，避免批量压缩后才发现细节被抹掉。

顶部横幅用「省 96%」和原图 3.3 MB → 输出 149 KB 做一眼可读的体积对照；左右两栏同尺寸预览，当前选中输出图有描边高亮。画面是同一张粘土风露营 Hero，肉眼几乎看不出差异，说明预设在这个量级上保住了观感。

底栏提供「打开原图」「适应窗口」和 Esc 关闭。对比不嵌在工作台里挤小窗，而是独立全屏层——批量跑完再逐张验收时更顺手。

架构与设计 · 2 帧

怎么造的

从源码读出的分层与一处真正独特的设计决策，不是截图复述。

系统架构

本地编码流水线

SwiftUI 工作台拖入后走并发队列：解码 → 几何 → 按格式分支编码（ImageIO / mozjpeg / oxipng），体积不增则跳过；CLI 与 MCP 共用预设引擎。

数据不出本机；Pro 与 Watch Folder 叠在同一套管线上。

亮点设计

一套引擎三入口

桌面、CLI、MCP 读同一套 JSON 预设（如 nextjs-web 多格式 + manifest）。工具嵌进 vibe coding 工作流，而不是另开一个压缩网站。

更新备忘

附录 · 9 条中的最近 6 条

2026 年 5 月 6 条

05-26

[2.3.0]

### Added；**Auto quality (Pro)**: perceptual QualityTier.auto with SSIM-guided binary search；Lower batch concurrency when auto quality is active

05-26

[2.2.0]

05-26

[2.1.0]

05-26

[2.0.0]

05-26

[1.4.0]

05-26

[1.3.0]

其他作品