Gemini 图片无损去水印：基于反向 Alpha 混合的前端方案

核心代码实现

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.data[imgIdx + c];
                // 反向 alpha 混合公式
                const original = (watermarked - alpha * LOGO_VALUE) / oneMinusAlpha;
                // 裁剪到 [0, 255] 范围
                imageData.data[imgIdx + c] = Math.max(0, Math.min(255, Math.round(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, 0, 0);
        return canvas;
    }
}

使用方法

方式一：在线网站

1. 访问项目提供的在线演示页面
2. 拖拽或点击选择带水印的 Gemini 图片
3. 等待自动处理（通常只需 1-2 秒）
4. 点击下载按钮保存处理后的图片

方式二：本地部署

# 克隆项目
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 模块化设计
• 清晰的代码注释
• 完善的错误处理
• 国际化支持

重要说明

局限性

1. 仅移除可见水印：只能去除右下角的半透明 Logo
2. 无法处理隐形水印：不能去除 SynthID 等隐写水印
3. 版本依赖：针对 Gemini 当前（2025 年）的水印模式设计

免责声明

⚠️ 本工具仅供个人学习研究使用

移除水印可能涉及法律问题，请确保你的使用行为符合当地法律法规、服务条款及知识产权相关规定。

作者不鼓励将本工具用于侵权、虚假陈述或其他非法用途。

本软件按"原样"提供，不提供任何形式的保证。