今天我做了一个网页版 PS 切片工具，图片切片太方便了

01 我们为什么讨厌切图？

做设计的、做电商的、写前端的朋友，一定都有过这种“至暗时刻”：

老板发来一张 10MB 的超长详情页，让你“把它切开，中间那个按钮要单独切出来做跳转”。

于是你不得不：

打开 Photoshop（等待 30 秒启动，看着那个大大的启动图发呆）。

导入图片（风扇开始狂转）。

找到切片工具，小心翼翼地画线。

导出为 Web 格式，在一堆设置里选 JPG 还是 PNG。

导出后发现多切了一像素，重头再来。

杀鸡焉用牛刀？ 为了切几块肉，我们真的需要把整头牛牵进厨房吗？

市面上的在线切图工具我也试过，大多是“傻瓜式九宫格”——只能等分，不能微调。遇到不规则排版，它们全是废铁。所以，作为 365-Tools 挑战的第 18 天，我决定解决这个痛点。

我做了一把「像素手术刀」 (Pixel Scalpel)。

02 什么是“手术刀”级的体验？

它不是那种只能切九宫格的玩具。它是一个高精度的生产力工具。打开网页就用。

🔍 5000% 无损放大 看不清缝隙？滚轮直接推上去。 你可以把图片放大到每一个像素点都清晰可见。每一条参考线，都能精准地卡在像素的边缘。误差？不存在的。

⚡️ 极速流：Ctrl+V 直达 忘记“上传按钮”吧。 微信截图、网页复制、或者直接从文件夹里拖拽—— Ctrl+V，图片秒开。 在你打开 PS 的启动界面还没跑完的时候，我这边已经切完下载了。

可以选择多个网格，也可重复选择其中的单个图片，选中后会标记图片序号。点击批量下载即可导出：

🧩 像 Excel 一样灵活框选 这是最让我骄傲的功能。 很多时候，我们要切的图不是方方正正的。 在 Pixel Scalpel 里，你可以像在 Excel 里一样，按住鼠标拖拽，跨越多个格子建立选区。 程序会自动合并这些区域。哪怕是复杂的电商长图，也能像做手术一样，精准剔除你不需要的部分。

03 极客最后的温柔：绝对隐私

很多在线工具，你上传的图片都不知道去了哪个服务器。但 Pixel Scalpel 是纯前端运行的。 也就是说：

上传：你的图片从未离开过你的浏览器。

等待：所有处理都在本地显卡完成，秒级响应。