Add noise to an image in your browser by overlaying monochrome film grain or color noise across the whole frame, or only over a selected area.
How to add noise to an image
- Upload a PNG, JPG, or WebP image.
- Keep Whole image selected, or switch to Selected area and drag a rectangle over the part to grain.
- Choose Monochrome for film-style grain or Color for digital noise.
- Adjust the strength slider and watch the preview update live.
- Save to download the grained image.
Your image is processed locally with the browser canvas API. Nothing is uploaded, and no account or credits are required.
Which noise type should I use?
| Type | Best for | Result | Notes |
|---|---|---|---|
| Monochrome | Film / analog look, vintage photos, subtle texture | One brightness variation per pixel | Reads as classic grayscale grain even on color photos |
| Color | Retro TV / VHS look, glitch and "static" effects | Independent variation per R/G/B | More colorful and aggressive; lower the strength for a subtle version |
| Whole image | Grain over an entire photo (default) | Every pixel is grained | The natural choice for an aesthetic grain pass |
| Selected area | Adding texture or obscuring one region | Only the marked rectangle changes | Combine with high strength to roughen a specific area |
When to use noise vs mosaic
Use noise to add texture or an analog/vintage feel while the subject stays recognizable. Use a mosaic (blur or pixelate) when you need to hide details such as faces or text. Noise darkens and lightens pixels around their original value; it does not reliably conceal information.
Example input and output
Input: a flat, clean product photo that looks too digital.
Settings: Whole image, Monochrome, strength 28.
Output: the same photo with a fine, even film grain that gives it an analog, less sterile feel — downloaded in the same format you uploaded.
Strength and limitations
Strength sets the peak per-pixel variation, from a light grain to heavy static, while keeping the image discernible. The preview grain is rendered at screen resolution, so the downloaded full-resolution image usually shows a finer grain than the preview at the same strength. Animated formats are treated as a still image by the browser canvas.