A high-performance, 100% client-side tool for removing the visible Google Gemini ✦ AI sparkle watermark from both images and videos. Built with Vue 3 + Vite + Tailwind CSS, it uses a mathematically precise Reverse Alpha Blending algorithm to restore pixels with zero quality loss.

✨ Before & After

The live site also shows this as an interactive drag-to-compare slider.

🚀 Features

Images & Videos: Remove the sparkle watermark from Gemini images and videos — all in the browser.
100% Client-Side Processing: No servers involved. Files are processed locally for maximum privacy.
Lossless Image Restoration: Uses exact mathematical inversion rather than AI inpainting, preserving original pixel quality.
Audio-Preserving Video Cleaning: Videos are processed frame-by-frame and re-encoded with their original audio intact (via MediaRecorder + Web Audio).
Auto-Detection: Automatically detects watermark size (48px or 96px) based on resolution.
Mobile Responsive: Fully optimized UI for desktop and mobile devices.

🧠 How It Works (The Algorithm)

Gemini adds watermarks using a standard Alpha Compositing (blending) technique. This tool simply reverses that math.

1. The Watermark Formula

When Gemini generates an image, it applies the watermark logo using this formula:

$$Pixel_{final} = (\alpha \times Pixel_{logo}) + (1 - \alpha) \times Pixel_{original}$$

Where:

α (Alpha): The transparency level of the watermark pixel (0.0 to 1.0).
Pixel_logo: The color of the watermark (Pure White / 255).
Pixel_original: The original color we want to recover.

2. The Solution (Reverse Engineering)

Since we know the Pixel_final (from your uploaded image), the Pixel_logo (White), and the α map (extracted from reference images), we can solve for Pixel_original:

$$Pixel_{original} = \frac{Pixel_{final} - (\alpha \times Pixel_{logo})}{1 - \alpha}$$

3. Alpha Map Extraction

The tool loads two reference "background" images (bg_48.png and bg_96.png) which contain the isolated watermark alpha values. It reads these values to construct a precise Float32Array map of transparency levels, allowing for pixel-perfect subtraction.

📂 Project Structure

The homepage tool is a Vue 3 + Vite app. All SEO/content pages (about, blog, etc.)
remain static HTML in public/ and are copied verbatim into the build.

gemini-watermark-remover/

🛠️ Tech Stack

Vue 3 (Composition API, ``)
Vite for dev/build
Tailwind CSS (via PostCSS)
Iconify for icons, JSZip (lazy-loaded) for bulk image download.

⚡ Running Locally

npm install

# Build the Tailwind CSS for the static SEO pages once (or `npm run watch:css`)
npm run build:css

# Start the Vite dev server for the homepage tool
npm run dev

⚠️ Disclaimer

This tool is for educational and personal use only.

It only removes visible watermarks; it does not remove invisible SynthID watermarks embedded by Google.
Please respect Google's Terms of Service and Intellectual Property rights.

Gemini watermark remover