Overview
Introduction
This tool simulates the classic green-tinted look of night-vision goggles on any PNG, entirely in your browser.
It combines a luminance-based green tint with film grain and a vignette for a convincing image-intensifier effect.
What Is PNG Night Vision Effect Adder?
A client-side effect that converts an image to a phosphor-green monochrome look, then layers on noise (grain) and edge darkening (vignette) reusing this site's existing noise and vignette lib functions.
A single intensity control scales the green boost, grain amount, and vignette strength together as one combined adjustment.
How PNG Night Vision Effect Adder Works
For every pixel, the tool computes standard luminance from the red, green, and blue values, boosts it according to the intensity setting, and remaps it so most of the brightness lands on the green channel with only a small 15% fraction going to red and blue, recreating a phosphor screen's green glow.
It then runs the tinted image through the site's noise-adder (scaled to a quarter of the intensity, using the given seed) and vignette-adder (scaled to the intensity) lib functions to add grain and edge darkening.
When To Use PNG Night Vision Effect Adder
Use it to create found-footage or surveillance-camera style visuals for video thumbnails, memes, or game assets.
It's also handy for quickly mocking up a 'night vision' UI overlay or asset without a dedicated video effects tool.
Often used alongside PNG Enhancer, PNG Bayer Filter Adder and PNG Dithering Remover.
Features
Advantages
- Runs entirely client-side; the uploaded image never leaves your device.
- Combines tint, grain, and vignette into one adjustable slider instead of three separate controls.
- The seed parameter makes the grain pattern reproducible for consistent results.
Limitations
- This is a stylistic approximation of night vision, not a physically accurate simulation of an image intensifier tube.
- At very high intensity, the combined grain and vignette can obscure fine detail in the original image.
Examples
Best Practices & Notes
Best Practices
- Use moderate intensity (40-60) for a recognizable but not overwhelming night-vision look.
- Fix the seed value when you need the same grain pattern across multiple exports of the same image.
Developer Notes
The lib function operates on a plain Uint8ClampedArray PixelBuffer with no DOM dependency: it computes luminance (0.299R + 0.587G + 0.114B), boosts it by 1 + intensity/100, sets green to that boosted value and red/blue to 15% of it, then pipes the result through the existing addNoiseToPng and addVignetteToPng lib functions rather than re-deriving grain or vignette math.
PNG Night Vision Effect Adder Use Cases
- Creating surveillance-camera or found-footage style thumbnails
- Mocking up a night-vision game HUD overlay
- Adding a dramatic green tint to a photo for social media
Common Mistakes
- Setting intensity to 100 expecting a clean result — very high intensity intentionally adds heavy grain and vignette darkening on top of the tint.
- Assuming a different seed changes the tint or vignette — seed only affects the random grain pattern.
Tips
- Combine with the vignette-adder tool's own controls for a stronger edge-darkening effect than the built-in vignette provides.
- Try low intensity values first if you want the tint without much visible grain.