这篇内容适合谁
如果你经常需要把一批图片做“压缩、格式转换、隐私清理、对比评审、打包交付”，但又不想依赖复杂的桌面软件或一堆脚本，那么下面这些中文 Prompts 可以直接让 AI 生成一个可运行/可部署的在线工具。每条 Prompt 都要求输出完整项目代码、文件结构、运行命令、部署说明，并包含可执行的 QA 检查清单；同时要求工具支持“一键输出 HTML”，便于直接预览与交付。
交付物与覆盖场景（统一要求）
交付物：完整项目源码与文件树、开发/构建/运行命令、部署说明（静态托管/容器二选一即可）、以及至少 5 条测试用例或 QA checklist。
覆盖场景：批量压缩与格式转换、清理 EXIF 等隐私元数据、生成可分享的对比预览页、输出审阅报告、离线交付（导出单个可直接打开的 HTML 文件或最小可运行包）。
图片处理 批量压缩与格式转换工作台
面向“批量压缩 JPG/PNG/WebP、统一尺寸、格式互转、结果打包下载”的在线工具。
中文 Prompt:
请用中文生成一个“图片批量压缩与格式转换工作台”的完整可运行项目，要求：
1）技术栈：Vite + Vanilla JS（或 Type ）+ HTML/CSS，不使用后端；必须支持离线运行（构建后纯静态）。
2）功能：支持拖拽/选择多张图片（JPG/PNG/WebP/GIF 仅做读取与预览；GIF 不做逐帧重编码也可以），批量设置：输出格式（JPG/PNG/WebP）、质量（0-100）、最大宽高（等比缩放）、是否保留透明通道（PNG/WebP）。
3）处理实现：基于 Canvas 进行重采样与导出，显示每张图片的原始大小/输出大小/压缩率/耗时；支持失败项提示与重试。
4）打包下载：生成 zip（使用前端 JS zip 库即可）并下载；zip 内按原文件名规则输出，支持自定义前后缀与序号。
5）一键输出 HTML（硬约束）：提供“导出单个 HTML 报告”按钮，生成一个自包含的 HTML 文件：内联 CSS/JS，包含处理前后缩略图（用 dataURL 嵌入）、参数设置、结果表格、时间戳与环境信息；导出的 HTML 双击即可打开查看。
6）输出物：必须给出文件树（包含 index.html、src、package.json、README），并提供：安装依赖、开发运行、构建、预览、以及静态部署说明。
7）测试/QA：至少提供 8 条 QA checklist（例如：大图、透明 PNG、中文文件名、重复文件名、不同质量参数、最大宽高边界、批量 100 张性能、导出 HTML 是否可离线打开）。
请把所有代码文件完整给出，不要省略关键实现。
中文释义：生成一个纯前端工具，把“批量压缩+格式转换+打包交付+HTML 报告”做成一条流水线，适合项目交付与验收留档。
图片处理 EXIF 隐私清理与敏感字段检查器
面向“拍照图片带定位/设备信息”的场景，批量检测与清理元数据，并给出审阅报告。
中文 Prompt:
请用中文生成一个“EXIF 隐私清理与敏感字段检查器”的完整可运行在线工具项目，要求：
1）技术栈：Vite + React（或 Vue 也可）+ Type ；可以使用一个成熟的 EXIF 读取库；不允许上传到服务器，所有处理在本地浏览器完成。
2）功能：批量导入图片后，列出每张图片的元数据摘要（是否包含 GPS、拍摄时间、相机型号、软件、作者、序列号等），并用风险等级标记。
3）清理：支持“一键清理 EXIF/元数据”并导出清理后的图片（保持像素不变，尽量不二次压缩；若不可避免需说明策略）。
4）差异对比：清理前后显示关键字段差异；支持导出 CSV 清单。
5）一键输出 HTML（硬约束）：生成一个单文件 HTML 审阅报告，包含：图片列表、风险字段表、清理结果、失败原因、以及操作日志（例如每张处理步骤与耗时）。报告需可离线打开。
6）输出物：给出完整源码与文件树、运行命令、构建与部署说明。
7）测试/QA：至少 6 条测试用例（含：带 GPS 的照片、无 EXIF 的截图、中文文件名、多张图片批量、导出 HTML 后可否离线打开、清理后图片可否被常见查看器打开）。
请提供关键实现代码（含导出报告与下载逻辑），不要只给伪代码。
中文释义：做一个“先检测、再清理、再生成可交付审阅报告”的前端隐私工具，适合内容发布前自检。
图片处理 压缩前后对比评审页生成器
把压缩前后效果做成可分享的对比页：缩放、放大镜、体积与指标一目了然。
中文 Prompt:
请用中文生成一个“压缩前后对比评审页生成器”的在线工具项目，要求：
1）技术栈：纯前端（Vanilla JS/TS 均可），重点是 UI 体验与可分享交付。
2）输入：导入一组“原图+处理后图”（可通过同名匹配，也可手动配对）。
3）对比模式：支持左右滑块对比、并排对比、以及放大镜（鼠标悬停放大局部）；显示每对图片的尺寸、体积、压缩率。
4）指标：计算基础指标（例如像素差异比例、简单 SSIM/PSNR 可选；如果实现困难可提供可替代的直方图差异与说明）。
5）一键输出 HTML（硬约束）：点击按钮后导出一个自包含 HTML 文件，包含所有图片（转为 dataURL 内嵌）、对比交互逻辑、以及结果表格。导出的 HTML 需可直接发给客户打开评审。
6）输出物：提供文件树、源码、运行/构建/部署说明。
7）测试/QA：至少 7 条检查项（含：超大图性能、移动端触控滑块、同名匹配正确性、缺失配对提示、导出 HTML 体积提示策略、离线打开可用、中文文件名）。
请给出完整可运行代码。
中文释义：把“压缩是否值得、细节是否损失”变成一份可交付的交互式对比页，避免口头解释。
图片处理 批量重命名与文件夹整理器（浏览器本地）
不依赖系统脚本，直接在浏览器里完成重命名规则预览、冲突检查与打包下载。
中文 Prompt:
请用中文生成一个“图片批量重命名与文件夹整理器”的在线工具，要求：
1）技术栈：纯前端（可用 Vite），不需要后端。
2）功能：导入多张图片后，支持重命名规则：前缀/后缀、序号（起始、位数）、日期占位符、从原文件名提取（正则）与替换；支持按规则分组到子文件夹（例如按尺寸区间/横竖版/文件类型）。
3）预览与冲突：在下载前展示“原名→新名”的表格，检测重名冲突并提供自动解决策略（追加序号等）。
4）导出：打包成 zip 下载，zip 内按整理后的文件夹结构输出。
5）一键输出 HTML（硬约束）：导出单文件 HTML 交付页，包含重命名规则、最终文件清单、以及每张图的缩略图预览（dataURL）。
6）输出物：给出文件树、源码、运行命令与部署说明。
7）QA：至少 6 条检查项（含：同名冲突、超长文件名、中文/空格/特殊字符、分组规则边界、zip 结构正确性、导出 HTML 可离线打开）。
请输出完整项目代码与 README。
中文释义：把常见的“批量改名+按规则归档”做成前端工具，适合非技术同事也能用。
图片处理 文字水印与角标批处理工具（不涉及出图生成）
只做对现有图片的标注与水印叠加，适合版权标注、版本标识、渠道角标等。
中文 Prompt:
请用中文生成一个“文字水印与角标批处理工具”的在线工具项目，要求：
1）明确声明：本工具不生成新图片内容，只对用户上传的现有图片进行水印叠加与导出。
2）技术栈：Vite + Type + Canvas；不需要后端。
3）功能：批量导入图片，设置水印文本、字体、字号、颜色、透明度、描边/阴影、位置（九宫格）、旋转角度、边距；支持角标模式（右上角小矩形底+文字）。
4）导出：支持输出格式与质量；支持保留原始尺寸；支持批量 zip 下载。
5）一键输出 HTML（硬约束）：导出单文件 HTML 报告，包含参数配置、原图与加水印后缩略图对比、以及每张导出文件名；HTML 需可离线打开。
6）输出物：给出文件树、源码、运行/构建/部署说明。
7）测试/QA：至少 8 条检查项（含：长文本换行、不同 DPI/分辨率、透明 PNG、旋转与位置、中文字体回退、批量性能、导出质量、HTML 报告离线打开）。
请提供完整可运行代码。
中文释义：把“批量打水印+可审阅报告”一次性完成，适合素材交付与渠道分发。
图片处理 WebP/GIF 预览与体积优化建议器
对现有图片做格式建议与参数推荐，输出一份可交付的优化建议报告。
中文 Prompt:
请用中文生成一个“WebP/GIF 预览与体积优化建议器”的在线工具，要求：
1）技术栈：纯前端；允许使用 WebAssembly/第三方库进行编码（若不可行，至少完成预览与建议输出）。
2）功能：导入图片后，识别类型并展示：尺寸、体积、是否透明、是否动画（GIF）；给出优化建议（例如建议转 WebP/JPEG、建议质量范围、是否应保留透明）。
3）对比试算：允许用户选择几个参数方案进行试算并对比体积（若编码受限可用近似估算+说明）。
4）一键输出 HTML（硬约束）：导出单文件 HTML 建议报告，包含图片缩略图、统计表、推荐方案与理由，HTML 可离线打开。
5）输出物：文件树、源码、运行命令、构建/部署说明。
6）QA：至少 5 条检查项（含：透明图、动画 GIF、超大文件、导出报告离线可用、建议逻辑边界）。
请尽量提供可运行实现，必要时说明降级方案。
中文释义：把“到底该不该转 WebP、参数怎么选”落成一份可交付建议书。
图片处理 色彩配置文件与 ICC 信息体检报告
用于发现“颜色发灰、偏色、不同设备不一致”的常见原因，并生成审阅报告。
中文 Prompt:
请用中文生成一个“色彩配置文件与 ICC 信息体检报告”的在线工具项目，要求：
1）技术栈：Vite + Type ；允许使用解析图片头信息的库（PNG/JPEG/WebP），重点是读取与报告，而不是做复杂色彩管理。
2）功能：批量导入图片后，检测并展示：是否包含 ICC profile、色彩空间推断（sRGB/Display P3/未知）、gamma 信息、以及可能导致偏色的风险提示。
3）建议：给出“发布到网页/社交平台/印刷预检”的推荐处理建议（例如建议统一 sRGB、建议保留/移除 profile 的利弊说明）。
4）一键输出 HTML（硬约束）：导出单文件 HTML 报告，包含每张图的检测结果、风险提示、建议与时间戳；HTML 可离线打开。
5）输出物：文件树、源码、运行/构建/部署说明。
6）QA：至少 6 条检查项（含：无 profile、有 profile、P3 图、截图类图片、批量 50 张性能、导出报告离线打开）。
请给出关键实现代码与 README。
中文释义：把“色彩空间/ICC 是否一致”做成可交付的检测报告，减少返工。
发布与验收建议
建议先从“压缩与格式转换工作台 + 对比评审页生成器”两条 Prompt 开始落地，能快速覆盖交付与客户评审；随后再补上 EXIF 隐私清理与 ICC 体检报告，用于上线前质量与合规自检。
