面向运营与设计交付,把多张图片拖入浏览器后在本地完成压缩、对比与导出,避免上传泄露。
提示词 (Prompts):
请用中文完成:实现一个“离线本地批量图片压缩与质量对比面板”的在线工具。要求:1)必须提供完整可运行项目与源码,默认交付一个可直接双击打开的 index.html(如需拆分文件也可,但必须同时给出最小文件树与每个文件完整内容);2)工具在浏览器本地处理图片,不上传网络;3)支持拖拽/多选导入 JPG/PNG/WebP;4)可按图片分别设置质量/最大宽高/输出格式,并实时预览压缩前后尺寸、像素、预计体积与PSNR/SSIM近似指标(可用简化实现);5)支持批量处理进度条与失败重试;6)必须支持“一键输出HTML”:点击按钮后,生成一个包含处理结果汇总表(含缩略图、参数、体积对比、下载链接占位)的静态 HTML 字符串,并提供下载为单个HTML文件;7)给出运行命令(例如使用任意静态服务器)与部署说明(GitHub Pages/任意静态托管);8)提供不少于8条QA checklist(覆盖:大图内存、移动端、透明通道、EXIF保留/清理、并发、错误提示)。请直接输出最终可用代码,不要写“如何导出HTML/一键导出”的产品介绍,只把功能做出来。
主要用途: 批量压缩与质量把控、输出报告式HTML交付、减少来回沟通。
把一堆不同尺寸的图片统一到多套规格(如 1x/2x/3x、社媒封面、详情长图),并且按规则重命名打包。
提示词 (Prompts):
请用中文写出并交付代码:做一个浏览器端“自适应尺寸缩放与命名规则批处理器”。交付物必须包含:最小文件树 + 每个文件完整源码(至少提供可直接运行的 index.html)。功能:1)导入多张图片;2)内置多套预设尺寸模板(电商主图、微信头图、16:9封面等),也支持自定义宽高/裁剪策略(contain/cover/不裁剪);3)命名规则支持变量(原名、序号、尺寸、日期、前后缀);4)输出为 ZIP(可用纯前端JS库或手写最小ZIP实现);5)必须支持“一键输出HTML”:生成一个单页HTML交付包,页面中包含所有输出图片的 64 内嵌缩略图预览、文件清单与参数表,并提供“下载全部图片ZIP”的按钮(ZIP在前端生成);6)提供可复现的QA checklist(至少8条,含裁剪边界、透明背景、中文文件名、超大批量、Safari兼容)。
主要用途: 统一规格、规范命名、一次性交付可预览的HTML包。
针对拍照图与素材图,清理地理位置/设备信息并输出可审计的处理报告。
提示词 (Prompts):
请用中文实现一个“EXIF隐私清理与敏感信息检测报告”在线工具,必须交付完整源码(至少提供 index.html 可直接打开运行)与文件树。要求:1)支持导入多张 JPG/HEIC(可选)/PNG(PNG可跳过EXIF但仍纳入流程);2)读取并展示关键EXIF字段(拍摄时间、设备、GPS等),并给出“风险提示”(如包含GPS则高风险);3)提供一键清理:导出不含EXIF的图片;4)必须支持“一键输出HTML”:生成一份静态HTML报告文件,包含每张图片的缩略图、原始EXIF摘要、清理结果、哈希校验(如SHA-256)与处理时间;5)提供部署说明与至少10条QA checklist(含:无EXIF图片、损坏文件、超大图片、中文路径、批量100张、移动端权限)。
主要用途: 隐私合规、客户交付留痕、内部审计。
把 PNG/JPG/WebP/AVIF 互转,并在转换前后检查透明通道、色彩空间与边缘锯齿风险。
提示词 (Prompts):
请用中文输出可直接运行的项目代码:实现“图片格式转换与透明通道守护台”。必须交付:index.html 完整源码(可另含JS/CSS文件但需给全)。功能:1)批量导入;2)选择输出格式与参数(质量、压缩级别、是否保留透明);3)自动检测是否存在透明像素,并在转换为JPG时提示将使用背景色填充;4)支持对比预览与像素级差异热力图(可用近似算法);5)必须支持“一键输出HTML”:生成一个包含所有转换结果预览与参数的单文件HTML(图片可内嵌或使用占位,需说明策略并在代码里实现下载);6)给出不少于8条测试/QA清单与错误处理策略。
主要用途: 规范格式、避免透明丢失、交付可预览的结果页。
把不同长宽比图片统一成固定画布大小,通过填充背景与居中排版实现规整展示,不涉及“生成新内容”。
提示词 (Prompts):
请用中文编写并交付一个“批量加边距与背景色填充工具”的完整实现,至少给出可直接打开运行的 index.html。要求:1)仅做排版与填充,不做任何内容生成;2)支持选择目标画布尺寸、背景色、边距、圆角;3)支持导出PNG/JPG;4)支持批量处理队列与进度;5)必须支持“一键输出HTML”:导出一个单文件HTML,内含处理后图片缩略图网格、参数摘要与下载按钮集合;6)提供部署说明与至少8条QA checklist(含:极宽/极高、透明图、颜色一致性、批量性能)。
主要用途: 统一封面规格、社媒配图规整、电商图白底补边。
自动检测四周纯色边缘并裁剪,提供阈值调节与可回退的可视化预览。
提示词 (Prompts):
请用中文完成一个“图片批量去白边与裁剪预览器”,交付完整源码(至少 index.html)。功能:1)批量导入;2)自动检测边缘背景色并计算裁剪框(提供阈值/采样步长/最大裁剪比例可调);3)预览裁剪框叠加、支持单张微调;4)导出处理后图片与CSV日志(原尺寸/新尺寸/裁剪参数);5)必须支持“一键输出HTML”:生成一份静态HTML报告,列出每张图片的前后对比(缩略图)、裁剪参数表与异常标记;6)至少10条QA checklist(含:非纯色背景、阴影、渐变边、透明边、噪点、不同色域)。
主要用途: 扫描件/素材图去边、提升排版一致性、输出审阅报告。
对图片做简单的边缘/对比度分析,尝试定位可能的水印区域,并输出可人工复核的标注层。
提示词 (Prompts):
请用中文实现“水印/文字覆盖区域检测与标注(仅检测)”的网页工具,必须给出可运行的 index.html 与完整源码。要求:1)只做检测与标注,不做去水印/修复/生成;2)对每张图片输出若干候选矩形框(基于阈值、连通域或边缘密度等简化算法),并允许人工调整;3)导出标注结果为JSON与可叠加预览PNG;4)必须支持“一键输出HTML”:导出包含每张图片缩略图 + 标注覆盖层SVG/Canvas + 结果JSON摘要的单文件HTML;5)提供至少8条QA checklist(误报/漏报、不同分辨率、透明背景、夜景低对比)。
主要用途: 合规检查、素材筛查、交付复核证据。
用于团队交付前自检:同一批图片压缩后是否出现明显偏色、伽马变化或体积异常。
提示词 (Prompts):
请用中文写出并交付一个“图片颜色与体积回归检查台(批量)”的在线工具,至少包含可直接运行的 index.html。功能:1)导入“原图集”和“处理后图集”(支持文件夹选择或两次导入并匹配文件名);2)自动匹配并计算体积差、尺寸差、颜色直方图差异(可用简化度量);3)输出异常列表(阈值可调);4)必须支持“一键输出HTML”:生成一份静态HTML审阅报告,包含摘要指标、异常项缩略图对比、差异条形图;5)给出部署说明与不少于10条QA checklist(含:文件名不一致、缺失、不同格式、不同色彩空间、移动端限制)。
主要用途: 交付前质检、回归比对、输出审阅报告。
把超长图片按规则切成多段便于分享,同时提供拼接预览与段落导航,不涉及任何“生成新图内容”。
提示词 (Prompts):
请用中文交付“长图切片与拼接预览”网页工具的完整实现,至少提供 index.html 源码。要求:1)导入长图;2)按固定高度/按内容留白(可选简化)切片;3)导出切片与可预览的拼接页面;4)必须支持“一键输出HTML”:导出一个单文件HTML,其中内嵌所有切片缩略图,并带有段落导航与下载按钮;5)提供至少8条QA checklist(超长图内存、移动端、不同DPI、透明通道、切片误差)。
主要用途: 移动端分享、审阅批注、把长图交付成可浏览页面。
把多张图片按网格/瀑布流排版到一个预览画布,便于快速审阅与做交付汇总。
提示词 (Prompts):
请用中文实现一个“多图对齐与版式预览拼版器(仅排版)”,交付完整源码(至少 index.html)。功能:1)批量导入;2)选择网格列数、间距、背景色、是否显示文件名与尺寸;3)生成可滚动预览画布,并允许拖拽调整顺序;4)导出拼版图(PNG)与配置JSON;5)必须支持“一键输出HTML”:导出包含拼版预览(可用Canvas导出为内嵌图片)+ 图片清单 + 配置参数的单文件HTML;6)提供不少于8条QA checklist(含:大量图片性能、拖拽、移动端手势、字体缺失回退)。
主要用途: 快速审阅、交付汇总页、对齐版式验证。