Image Thermal

What is thermal imaging?

Thermal imaging is a technique that visualizes temperature differences by assigning colors to heat levels. Real thermal cameras detect infrared radiation emitted by objects and translate it into a visible image where warm areas appear bright and cool areas appear dark. The resulting heat map makes it easy to see temperature distribution at a glance, which is why thermal cameras are used in building inspection, electrical diagnostics, search and rescue, and night observation.

This tool simulates the look of a thermal camera by mapping the brightness of each pixel onto a color gradient. Bright pixels are treated as "hot" and dark pixels as "cold", and the chosen palette decides which colors represent each temperature level. Because the conversion runs entirely in your browser with the Canvas API, no image is uploaded and the result is ready almost instantly.

Thermal color palettes

Thermal images are almost never shown in true grayscale because color makes it far easier to distinguish small temperature differences. This tool offers three classic palettes:

• Iron. The most recognizable thermal palette, running from black through blue, purple, red, orange and yellow to white. It mirrors the way metal glows as it heats up, which is why it is the default for most industrial and inspection cameras.
• Rainbow. A spectrum from violet through blue, cyan, green, yellow to red. It spreads colors evenly across the brightness range, making subtle gradients easier to spot in scientific and medical visualizations.
• Grayscale. A simple black-to-white mapping that keeps the image monochrome. Useful when you want a clean, printable result or need to compare brightness levels without color distraction.

The palette only changes how brightness is colored, not the underlying heat detection. Since this is a simulation based on visible light, the brightest pixels always become the "hottest" color regardless of the real-world temperature of the subject.

When to use the thermal effect

The thermal look is popular in design, film, and social media because it instantly communicates "heat vision" or "scientific scan". Common scenarios include:

• Film and video. Add a thermal overlay to suggest a character is using a heat-sensing scope, drone or surveillance system.
• Game art. Create textures or HUD elements that look like they came from a sci-fi thermal visor.
• Social media. Give portraits or landscape photos a striking, high-tech recolor that stands out in a feed.
• Design mockups. Use the heat map look as a backdrop for technology, security or industrial themed designs.
• Education. Illustrate the concept of heat distribution and false-color imaging without needing a real thermal camera.

Whenever you want an image to feel analytical, nocturnal or high-tech, the thermal effect is one of the fastest ways to get there.

How to simulate thermal imaging

Under the hood the tool uses the Canvas 2D API. The source image is drawn onto an off-screen canvas, then getImageData returns the raw pixel buffer. For every pixel the luminance is calculated with the standard 0.299·R + 0.587·G + 0.114·B weighting, which is then normalized to a 0–1 range and used as the position along the selected palette gradient. The palette is defined as a list of color stops, and the tool linearly interpolates between stops to produce a smooth color for every brightness level. The modified buffer is put back with putImageData and re-encoded as PNG, JPG or WebP.

Because the conversion is a simple per-pixel lookup and interpolation, it is extremely fast even on large images. Switching palettes re-runs the same pipeline with a different color table, so you can experiment with all three looks in seconds.

Thermal vs night vision

Thermal imaging and night vision are often confused because both are associated with seeing in the dark, but they work very differently. Night vision amplifies existing visible or near-infrared light and displays it in a single color (usually green), so it needs at least a little light to work and produces a monochrome image. Thermal imaging detects far-infrared heat radiation, so it works in total darkness and through smoke or fog, and it produces a false-color image that encodes temperature rather than brightness.

In a photo-editing context the distinction is simpler: a night vision filter converts the image to monochrome green, while a thermal filter maps brightness onto a multi-color heat gradient. Use night vision when you want a covert, surveillance look, and thermal when you want a scientific, heat-map look. You can even apply both to the same image in sequence for a hybrid effect.

How to apply a thermal effect to an image

Applying the thermal effect takes only a few seconds and runs completely in your browser — no uploads, no sign-up, no watermark. Follow these steps:

1. Upload your image. Click the upload area or drag and drop a JPG, PNG, WebP, GIF or BMP file. The image is decoded and previewed instantly.
2. Choose a color palette. Pick Iron for the classic heat look, Rainbow for maximum color separation, or Grayscale for a clean monochrome result.
3. Choose an output format. Pick PNG for lossless quality, JPG for smaller photos, or WebP for a modern balance of size and quality.
4. Click Apply Thermal. The tool processes the image and shows the original and result file sizes side by side.
5. Download the result. Click "Download Thermal Image" to save the image. The original file stays untouched on your device.

Because every step runs locally in your browser using JavaScript, your image is never uploaded to a server. This makes the tool completely private, fast and suitable for sensitive images.