PNG Night Vision Effect Adder

Uploads a PNG, collapses each pixel to luminance, boosts and remaps it onto a phosphor-green tint, then layers on film grain and a vignette to simulate the classic image-intensifier night-vision-goggles look, then lets you download the result. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-26

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.

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

Subtle night vision on a portrait

Input

A 500x500 PNG portrait, intensity = 30

Output

A 500x500 PNG with a light green tint and faint grain

Low intensity keeps the subject clearly recognizable while adding a hint of the night-vision look.

Strong night vision with heavy grain

Input

A 500x500 PNG photo, intensity = 90, seed = 42

Output

A 500x500 PNG with a strong green tint, heavy grain, and a dark vignette

High intensity pushes the luminance boost, grain, and vignette all toward their maximum for a dramatic surveillance-footage look.

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.

References

Frequently Asked Questions