制作一个名为“照片多规格裁切”的单 HTML 本地工具,供经常拍摄作品、商品的用户使用。页面淡米白,清楚直接,重点展示原图和成套预览;默认无上传要求,有明确的“添加自己的照片”和标注为示例插画的试用入口。 核心机制是共享输出规格、逐图主体保护、单规格独立覆盖。用户批量导入 JPG、PNG、WebP,在每张原图上拖出要保留的主体矩形,也能用百分比数值精调。方图 1080×1080、竖图 1080×1440 和横幅 1920×640 同时适配。算法在可行时用满原图画面;当比例无法容下主体和留量时,扩展视窗并使用可选底色留边。不能伪称 AI 识别、智能扩图或抠图。未圈主体默认保留整张原图。 用户点击任一规格,可直接拖动成图、放大或用水平垂直位置滑块调整,修改只针对当前照片和规格。统一修改输出尺寸或留量时保留这些明确的局部调整。所有预览、主体裁切提示、像素放大提示和导出由同一几何状态计算。提供恢复主体适配、照片切换、检查标记、删除、规格启用与增删、撤销重做。 导出每个启用规格的实际像素图片:JPG、PNG 或 WebP;整批打包 ZIP,按规格分文件夹,文件名包含顺序、原文件名和宽高,含真实检查清单。单个错误应有具体说明,其他成功项可带走。支持当前规格单独下载,不生成占位导出。 共用规格和格式可保存并载入;项目保存应包含原图像素、主体框、局部微调、检查状态与共用设置,不使用临时 blob 地址替代原图。“开始下一批”保留规则而清除旧照片的局部决定,可撤销恢复。 全部运行资源内嵌,无服务器、CDN、联网 AI 或安装需求;文件由用户选择或拖入。允许规定合理像素与内存上限,说明透明图合成到底色、不保存原图元数据等边界。导入失败或坏项目不得破坏当前编辑。用两批非默认素材执行真实任务,并独立解码实际输出核验尺寸、像素内容、数量及项目回导;分清浏览器预览、下载落盘、file:// 冷启动证据。 后续交付改进要求:首屏加载明确标注的自制陶瓷杯、台灯产品渲染示例;真实导入成功后替换示例批次,避免混入用户导出。普通桌面视口内让主画面和三个成图预览同屏可见,数字主体范围折叠展开,两侧设置可独立滚动。