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. 点击下载按钮保存处理后的图片

方式二：油猴脚本（进阶）

如果你经常使用 Gemini，可以安装油猴脚本实现自动去水印：

1. 安装 Tampermonkey 或 Greasemonkey
2. 打开脚本地址
3. 点击安装
4. 在 Gemini 对话页面，点击"复制图片"或"下载图片"时会自动去除水印

方式三：本地部署

# 克隆项目
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 当前水印模式设计

免责声明

本工具仅供个人学习研究使用。移除水印可能涉及法律问题，请确保你的使用行为符合当地法律法规、服务条款及知识产权相关规定。作者不鼓励将本工具用于侵权、虚假陈述或其他非法用途。本软件按"原样"提供，不提供任何形式的保证。