贴图提示词 | 前端透明 PNG 资源重建提示词下载

资源简介

这是一份我自己整理过的中文提示词模板，专门用来把一张视觉稿、海报、活动页或商品图，拆成一组前端可直接复用的透明 PNG 资产。

它不是泛泛的“帮我抠图”提示词，而是把目标、边界、交付格式和失败条件都写死了：哪些元素该切、哪些文字不要切、哪些图形文字必须保留、什么时候必须停、最后交付物里又绝对不能出现什么。

如果你经常需要把现成设计稿交给 AI 处理成前端素材，这种约束明确的提示词，比一句随口描述更稳定。

包含内容

这个 Markdown 文件里，已经把整套执行逻辑写完整了，核心包括：

• 如何识别“值得切”的非文字视觉元素
• 如何要求模型先产出白底隔离图，而不是直接本地抠图
• 如何限制第二阶段只能做透明化、尺寸校验、边缘清理和 PNG 导出
• 如何约束普通文字不要被错误切成图片
• 如何定义默认输出为“原画布尺寸透明 PNG”
• 如何逐项检查最终 PNG 是否适合前端直接叠加使用

适用人群

• 想把海报、商品图、活动页快速拆成前端素材的开发者
• 会用 Codex、ChatGPT 或其他图像 Agent，但希望结果更可控的人
• 需要给设计、运营或外包明确交付边界的人
• 想减少“抠出来了，但前端根本没法用”这类返工的人

使用建议

最适合的用法，不是把这份提示词当作灵感，而是直接把它作为任务底稿使用，再按你的项目加 2 到 3 条本地约束，例如：

• 指定只保留品牌 Logo 和产品主体
• 指定必须输出原画布尺寸 PNG
• 指定不要切出所有正文与按钮文案
• 指定如果阶段 1 失败就停止，不要切到本地替代流程

这样做的好处是，AI 会更像在执行一份明确的制作规范，而不是自由发挥。

为什么值得下载

很多“切图提示词”真正的问题，不是写得不够长，而是没有把交付逻辑写清楚。

这份资源的价值在于，它把一个实际工作里最容易出错的链路拆清了：

• 第一阶段必须先做高保真隔离
• 第二阶段只能做本地透明化和导出
• 普通文字不应该被误导出
• 最后交付物必须是干净、透明、可复用的 PNG

如果你正准备把 AI 接入前端素材生产，这份提示词会比泛用型图像提示更接近真实可交付流程。