Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

摄影作品水印添加工具

这是一个现代化的单页网页应用,专为摄影师设计,提供简洁高效的水印添加体验。

功能特点

核心功能

  • 支持批量上传摄影作品
  • 支持PNG格式的透明水印
  • 水印位置固定在图片底部居中
  • 可调整水印的透明度、大小和底部边距
  • 实时预览水印效果
  • 一键处理所有图片
  • 批量下载处理后的图片

智能水印系统

  • 智能水印颜色:根据背景自动使用优化的补色作为水印颜色,提高可读性和美观度
  • 手动颜色选择:可以手动选择水印颜色(黑色、白色或自定义颜色)
  • 自适应对比度:系统自动调整补色的饱和度和亮度,确保最佳视觉效果

用户体验优化

  • 单页设计:整个应用在一个页面内完成,无需滚动
  • 响应式布局:完美适配桌面端和移动端
  • 静态背景:取消自动刷新,提供稳定的视觉体验
  • 无干扰操作:处理完成后无弹窗提示,操作更流畅
  • 优化的预览区域:大尺寸预览图片,便于查看水印效果

使用方法

快速开始

  1. 打开 index.html 文件或访问在线版本
  2. 在左侧上传区域选择您的摄影作品(支持多选)
  3. 上传您的PNG格式水印图片
  4. 在右侧预览区域实时查看水印效果

水印设置

  1. 透明度调整:使用滑块调整水印的透明度(0-100%)
  2. 大小调整:设置水印相对于图片的大小比例
  3. 位置调整:设置水印距离图片底部的边距

颜色模式选择

  • 智能模式:勾选"根据背景自动切换水印颜色"
    • 系统使用HSL颜色空间计算背景的优化补色
    • 自动调整饱和度和亮度,确保最佳对比度
    • 当补色对比度不足时,自动切换为黑色或白色
  • 手动模式:取消勾选智能模式
    • 选择预设颜色(黑色、白色)
    • 使用颜色选择器自定义任意颜色

批量处理

  1. 点击"应用水印到所有图片"开始批量处理
  2. 处理完成后,点击"下载所有处理后的图片"保存结果
  3. 系统会自动打包所有处理后的图片为ZIP文件

技术特性

支持格式

  • 输入图片:JPG、PNG、GIF、WebP等常见图片格式
  • 水印图片:推荐使用PNG格式以支持透明背景
  • 输出格式:保持原图片格式不变

性能优化

  • 本地处理:所有图片处理在浏览器本地完成,无需网络传输
  • 内存优化:智能管理图片缓存,避免内存溢出
  • 批量优化:支持大批量图片的高效处理

兼容性

  • 浏览器支持:Chrome、Firefox、Safari、Edge等现代浏览器
  • 设备支持:桌面端、平板、手机全平台兼容
  • 分辨率适配:自动适配各种屏幕尺寸

部署说明

本地运行

  1. 克隆或下载本仓库
  2. 打开 index.html 文件

在线部署

  • 支持部署到GitHub Pages、Vercel、Netlify等静态托管平台
  • 无需后端服务器,纯前端应用

隐私与安全

  • 完全本地化:所有图片处理在您的设备上完成
  • 零数据传输:不会上传任何图片到服务器
  • 无数据收集:不收集任何用户数据或使用统计
  • 开源透明:代码完全开源,可自行审查安全性

更新日志

v2.0.0

  • 全新单页设计,无滚动体验
  • 优化预览区域,支持大图预览
  • 移除自动背景刷新功能
  • 优化用户交互,移除不必要的弹窗
  • 响应式布局优化

v1.0.0

  • 基础水印添加功能
  • 智能颜色系统
  • 批量处理支持

Releases

Packages

Contributors

Languages