Gemini 图片无损去水印:基于反向 Alpha 混合的前端方案
核心特性
客户端处理,隐私至上
- 无需后端服务器:所有图片处理都在浏览器本地完成
- 零数据上传:图片永远不会离开你的设备
- 即开即用:打开网页即可使用,无需注册登录
数学精确,非 AI 模型
- 基于反向 Alpha 混合算法(Reverse Alpha Blending)
- 不依赖 AI 模型的"幻觉"式修复
- 数学公式保证结果的像素级精确
- 真正的"无损"去水印
智能检测,自动适配
- 自动识别 48×48 或 96×96 两种水印尺寸
- 根据图片尺寸智能选择处理策略
- 支持各种分辨率的 Gemini 生成图片
简洁易用,体验流畅
- 拖拽上传或点击选择
- 实时处理,秒级完成
- 一键下载处理后的图片
- 支持多语言界面(中文/英文)
跨平台兼容
- ✅ Chrome 90+
- ✅ Firefox 88+
- ✅ Safari 14+
- ✅ Edge 90+
技术原理深度解析
Gemini 的水印添加方式
Gemini 使用标准的 Alpha 混合(Alpha Compositing)技术来添加水印:
watermarked = α × logo + (1 - α) × original
其中:
watermarked:带水印的像素值α:Alpha 通道值(0.0-1.0,控制透明度)logo:水印 Logo 的颜色值(白色 = 255)original:原始像素值(我们要恢复的目标)
反向求解算法
既然知道了 Gemini 添加水印的公式,我们就可以通过数学逆运算来恢复原始图像:
original = (watermarked - α × logo) / (1 - α)
关键步骤:
- 捕获 Alpha 通道:在纯色背景上提取水印,重建 Alpha 映射表
- 应用逆公式:对每个像素应用反向混合公式
- 边界处理:限制 Alpha 值范围,避免除零错误
- 像素裁剪:确保结果在 [0, 255] 范围内
水印检测规则
项目实现了智能的水印检测机制:
| 图像尺寸条件 | 水印尺寸 | 右边距 | 下边距 |
|---|---|---|---|
| 宽 > 1024 且 高 > 1024 | 96×96 | 64px | 64px |
| 其他情况 | 48×48 | 32px | 32px |
核心代码实现
1. Alpha Map 计算
/**
* 从背景捕获图像计算 Alpha 通道
*/
export function calculateAlphaMap(bgCaptureImageData) {
const { width, height, data } = bgCaptureImageData;
const alphaMap = new Float32Array(width * height);
// 对每个像素,取 RGB 三通道最大值并归一化到 [0, 1]
for (let i = 0; i < alphaMap.length; i++) {
const idx = i * 4; // RGBA 格式,每像素 4 字节
const r = data[idx];
const g = data[idx + 1];
const b = data[idx + 2];
// 取三通道最大值作为亮度值
const maxChannel = Math.max(r, g, b);
// 归一化到 [0, 1] 范围
alphaMap[i] = maxChannel / 255.0;
}
return alphaMap;
}
2. 反向 Alpha 混合
/**
* 使用反向 Alpha 混合移除水印
*/
export function removeWatermark(imageData, alphaMap, position) {
const { x, y, width, height } = position;
const ALPHA_THRESHOLD = 0.002; // 忽略极小 alpha 值(噪声)
const MAX_ALPHA = 0.99; // 避免除以接近零的值
const LOGO_VALUE = 255; // 白色水印的颜色值
// 处理水印区域的每个像素
for (let row = 0; row < height; row++) {
for (let col = 0; col < width; col++) {
// 计算在原图中的索引
const imgIdx = ((y + row) * imageData.width + (x + col)) * 4;
const alphaIdx = row * width + col;
let alpha = alphaMap[alphaIdx];
// 跳过极小 alpha 值
if (alpha < ALPHA_THRESHOLD) continue;
// 限制 alpha 值避免除零
alpha = Math.min(alpha, MAX_ALPHA);
const oneMinusAlpha = 1.0 - alpha;
// 对每个 RGB 通道应用反向混合
for (let c = 0; c < 3; c++) {
const watermarked = imageData.[imgIdx + c];
original = (watermarked - alpha * ) / oneMinusAlpha;
imageData.[imgIdx + c] = .(, .(, .(original)));
}
}
}
}
3. 主引擎协调
/**
* 水印引擎类 - 协调整个处理流程
*/
export class WatermarkEngine {
async removeWatermarkFromImage(image) {
// 1. 创建 Canvas 处理图像
const canvas = document.createElement('canvas');
canvas.width = image.width;
canvas.height = image.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0);
// 2. 获取图像数据
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// 3. 检测水印配置
const config = detectWatermarkConfig(canvas.width, canvas.height);
const position = calculateWatermarkPosition(canvas.width, canvas.height, config);
// 4. 获取对应尺寸的 alpha map
const alphaMap = await this.getAlphaMap(config.logoSize);
// 5. 移除水印
removeWatermark(imageData, alphaMap, position);
// 6. 写回 Canvas
ctx.putImageData(imageData, , );
canvas;
}
}
使用方法
方式一:在线网站
- 访问项目提供的在线演示页面
- 拖拽或点击选择带水印的 Gemini 图片
- 等待自动处理(通常只需 1-2 秒)
- 点击下载按钮保存处理后的图片
方式二:本地部署
# 克隆项目
git clone https://github.com/journey-ad/gemini-watermark-remover.git
cd gemini-watermark-remover
# 安装依赖
pnpm install
# 开发模式
pnpm dev
# 生产构建
pnpm build
# 本地预览
pnpm serve
项目结构
gemini-watermark-remover/
├── public/
│ ├── index.html # 主页面
│ └── terms.html # 使用条款
├── src/
│ ├── core/ # 核心算法模块
│ │ ├── alphaMap.js # Alpha 通道计算
│ │ ├── blendModes.js # 反向混合算法
│ │ └── watermarkEngine.js # 主引擎协调器
│ ├── assets/ # 预捕获的水印资源
│ │ ├── bg_48.png # 48×48 水印 Alpha 图
│ │ └── bg_96.png # 96×96 水印 Alpha 图
│ ├── i18n/ # 国际化语言文件
│ ├── userscript/ # 油猴脚本
│ ├── app.js # 网站应用入口
│ └── i18n.js # 国际化工具
├── docs/ # 示例图片
├── dist/ # 构建输出
└── build.js # 构建脚本
技术亮点总结
1. 数学严谨性
- 基于标准的 Alpha 混合公式
- 通过逆运算精确恢复原始像素
- 避免了 AI 模型的不确定性
2. 性能优化
- 使用
Float32Array和Uint8ClampedArray提升计算效率 - Alpha Map 缓存机制减少重复计算
- Canvas API 硬件加速
3. 边界处理
ALPHA_THRESHOLD:过滤噪声MAX_ALPHA:避免除零错误- 像素值裁剪:确保结果合法
4. 工程化实践
- ES6 模块化设计
- 清晰的代码注释
- 完善的错误处理
- 国际化支持
重要说明
局限性
- 仅移除可见水印:只能去除右下角的半透明 Logo
- 无法处理隐形水印:不能去除 SynthID 等隐写水印
- 版本依赖:针对 Gemini 当前(2025 年)的水印模式设计
免责声明
⚠️ 本工具仅供个人学习研究使用
移除水印可能涉及法律问题,请确保你的使用行为符合当地法律法规、服务条款及知识产权相关规定。
作者不鼓励将本工具用于侵权、虚假陈述或其他非法用途。
本软件按"原样"提供,不提供任何形式的保证。


