用代码做商业餐饮海报:字体子集、GrabCut 抠图与无损导出避坑指南

在给可能实验室(大梦餐饮)制作午市特惠、台风天畅饮、球赛之夜等一系列商业促销海报时,我做了一个决定:不打开 Photoshop,全部用纯 HTML + CSS + Python 脚本来做。 用 Web 技术做海报有极大的优势:布局可以用 Flexbox/Grid 极速调整、文案改动只需改一行字符串、多尺寸适配通过 CSS 变量瞬间完成,而且全套物料可以纳入 Git 版本管理。 但在真正借助 Claude Fable 5 与 Grok Imagine 图像模型 将网页无损导出为 300DPI 商业级印刷海报的过程中,我们踩遍了前端渲染、字体子集化、图像抠图与色彩空间的几乎所有暗坑。 这篇文章把这些工程细节与解决方案彻底拆解,给同样想用代码做设计的朋友一份避坑指南。 一、 导出引擎的演进:从 html2canvas 到 Chrome Headless 网页在浏览器里看着很美,但要导出一张像素完美(Pixel Perfect)的 1600×2400 高清大图,首先要选对渲染引擎。 1. html2canvas 的「翻车」表现 最初我们尝试了老牌的 html2canvas,结果导出的图片与原页面差异巨大: ...

2026-08-22 · 2 min · 288 words · idiotfan

给精酿连锁店做自动化薪酬引擎:从手写考勤、多维营收聚合到 HTML 工资单

在中小餐饮连锁店,每个月最令人头疼的除了盘点,就是算工资。 在大梦(可能实验室),两家门店涵盖了侍酒师、调酒师、咖啡师、主厨、出品厨师和兼任店长等多种角色。看似人不多,背后的算薪逻辑却极其复杂: 考勤源散落各处:有人在群里发手写考勤表照片,有人交 .xlsx,店长交 .xls 评估表,西湖夜班员工在腾讯文档里打卡。 提成与多维营收挂钩:薪酬不仅看基本工资,还挂钩部门业绩(精酿/调酒/咖啡/厨房)、班次业绩(白班/中班/晚班),甚至需要按部门 × 班次矩阵进行交叉剥离。 新 SKU 归口漂移:每个月两家店都会上新酒水或新菜品,如果菜品库没有及时维护,POS 导出的几百条订单就会分错部门。 输出要求高:算完不仅要在腾讯文档 43 列大表里逐行填平并标注店色,还要给每位员工生成带有公章、大写金额、社保代扣明细的精美工资单。 这篇文章记录我如何通过一套组合拳(Claude Fable 5 驱动的 Python 管道 + 腾讯文档 API + 响应式 HTML 工资单 + Rails 8 HR 系统集成),将原本需要耗费一整天的结薪工作缩减为 10 分钟自动化流程。 一、 考勤与数据清洗:手写照片与多格式兼容 结薪的第一步是收集出勤、法定假日、加班与请假数据。 面对不同来源的考勤资料,我们建立了一条标准化的数据摄取流水线: ...

2026-08-22 · 2 min · 284 words · idiotfan