Normal Map Generator

Turn any sprite or grayscale heightmap into a tangent-space normal map — right in your browser.

Source

🖼️
Drop an image here or click to browse
PNG, JPG, GIF, WebP

Settings

Invert Y (OpenGL style)
Wrap edges (tileable)

Output

Everything runs locally in your browser. No image ever leaves your device.

Preview

Source
Load an image to begin
Normal Map (lit)
Normal map appears here
Preview Light
315°
45°
1.0