水迹WATERMARK STUDIO
给每一张照片，留下你的印记

批量水印工作台纯前端

单张、多张、整个文件夹。设好一次，统一完成。

1 导入照片2 设置水印3 导出成品

实时预览

等待导入

把照片或文件夹拖到这里

从一张照片开始，或一次处理整本相册

文件始终留在你的设备上
松开鼠标，导入图片和文件夹
预览会随设置自动更新输出保持原始分辨率

导出成品

先导入照片，再选择导出方式

文件命名与画质

图片会重新编码，EXIF / GPS 等原始元数据不保留。BMP / AVIF 转为 JPG。

选择一个输出文件夹成品放入新建子文件夹，原照片保持不变

开始使用水迹

  1. 导入照片

    添加单张、多张，或导入整个文件夹。拖拽文件夹也会读取子文件夹。

  2. 调整水印

    选择文字或 Logo，调整位置、大小、透明度和旋转。设置统一应用于导出范围中的照片。

  3. 保存到你的设备

    在 Chrome / Edge 桌面版选择输出目录，或下载 ZIP。每次目录导出新建一个子文件夹，避免覆盖旧文件。

支持 JPG / PNG / WebP / BMP / AVIF 静态图片。GIF、HEIC、TIFF 等请先转换。大批量推荐目录导出，ZIP 会占用更多内存。超大原图受浏览器 Canvas 限制，可选择缩小导出尺寸。

项目参考与兼容说明

调研 GitHub 后，参考以下项目的功能设计，针对文件夹工作流独立实现：

xyh9949 / image-watermark
MIT · 文字、图片、平铺、定位、描边与阴影，另含压缩和 EXIF 工具。

kdippan / watermark-pro
MIT · 浏览器本地批量水印、图层操作、预设与 ZIP 导出。

本工具重点补齐递归目录导入、目录写入、保留层级、同名避让和批次状态。不是上述项目的完整分支。

指定目录写入需要支持 File System Access API 的桌面浏览器、HTTPS / localhost 环境及你主动授权。若嵌入页面无法调用目录选择器，请在 Chrome / Edge 独立标签页打开。其他情况可下载 ZIP；浏览器决定下载位置。

隐私：应用代码不上传照片、不调用外部接口。常用设置与预设仅存当前浏览器；图片关闭页面后不保留。