随手做了个 Skill：用风格化稍微救一下你的废片

---

写了个小东西，叫 **Shotsaver（拯救废片计划）**，用浏览器渲染层给照片加风格，不动像素、不修图，纯靠 CSS 滤镜和 SVG 叠层给废片做点强风格化。

---

为什么不动像素

市面上加滤镜的 APP 太多了，选个 LUT 一键套上，三秒出图，那样还有什么意思？我想的是我就靠往上面叠东西，不动这张图本身，我要啥全在脚本上实现。

所以定了个规矩：**照片一个像素都不改**。所有效果都是"加一层"——滤镜叠加、混合模式、颗粒、胶片齿孔、划痕脏点。就类似于像给照片套了一层设计好的壳。当然我是随手做的，你要是动手能力强，能把这个壳做的更好看，照片也就会显得好看。跟滤镜 APP 的区别在于：滤镜是"把照片涂成某种颜色"，叠层是"在照片上做排版设计"。一个是调色，一个是设计。

技术实现上，9 套风格全部是纯 CSS/SVG 的 HTML 页面，渲染完截图交付。没有 LUT，没有调色预设，唯一的依赖是 Pillow（用来读照片的亮度质心做自适应排版决策，不改像素）。

---

9 套风格

1. **黑白纪实**：高对比灰度 + 颗粒，黑白救片大家都懂。2. **纸上档案**：米白纸底 + 撕边剪贴 + 打字机日期，旧笔记本里翻出来的效果。3. **跳漂（Bleach Bypass）**：去饱和 + 银灰调 + 强暗角，电影质感，这个纯模拟跳漂风格。4. **暖棕胶片**：模拟 AGFA Chrome RSX II 扫描效果，12 个圆角矩形齿孔 + 琥珀色品牌文字 + 划痕脏点。5. **青橙色调**：暖区橙 + 阴影 teal，加点儿颗粒，这个就是那种调色预设的味道。6. **漏光胶片**：光斑 + 颗粒，专治构图太干净的照片。7. **电影宽幕**：2.35:1 遮幅 + 黑边，给照片加一层"这是电影截图"的错觉，有些照片很适合这个风格。8. **LOMO**：强暗角 + 高饱和 + 绿色阴影叠层，把平淡的颜色推到过载。9. **大字杂志**：大字标题 + 竖排类别 + 目录 + 条形码 + 签名，让一张普通街拍看起来像独立杂志封面。

---

一些有意思的细节

**亮度质心自适应**：风格 5 和 6 会先把照片缩成 16×20 的灰度图，算亮度加权质心，找到画面里最亮的部分，然后把暖光和漏光精准落在那附近。纯数值计算，不碰像素。

**比例自动检测**：不用多管你的照片比例，渲染器会自动读照片宽高比，匹配到 5 种画布尺寸之一。风格 2 和 9 的排版坐标会跟着缩放，1:1 方图也支持。当然你要是非用竖拍照片出个电影宽银幕我也没办法。

**EXIF 自动读取**：风格 9 杂志的镜头参数、地点，都会自动从照片元数据里读。FocalLength、FNumber、ISO，有就有，没有用通用默认值。

**大字杂志标题尽量别超过 4 个字**：风格 9 的标题字号是 168px，在竖版 1080px 宽度的画布里，4 个汉字刚好撑满。5 个字会溢出，需要改字号和布局。如果标题比较长，覆盖了其他文字你就自己跟 Agent 说让它改。

如果你用多模态模型的话，那就最好了，文案它会给你出。不过也不强求，普通文本模型也能用，它会问你要什么文案，你自己描述就行。

---

怎么用

在支持Skill的Agent里直接说「**拯救我上传的这张图像**」就行。Agent 会先发给你一张九宫格预览图，让你挑风格，然后同一轮问完标题、日期、地点、边框，渲染截图交付。

命令行也支持，跨平台（Win/Mac/Linux），装好 Pillow + 一个截图引擎就能跑。详细说明在 README 里。

---

最后

这个 Skill 是随手做的，版本号 1.0，MIT 授权。

地址：[仓库 ](网页链接)

如果你手机里也有几张"拍废了"的照片，试试看。有时候给它一层壳，说不定能救一点回来。

微博VibeLabVibeVision