Heightmap to Normal Map Generator
Convert a selected height channel into an opaque tangent-style normal-map PNG.
Loading tool…
How to use Heightmap to Normal Map Generator
Convert a selected height channel into an opaque tangent-style normal-map PNG. Normalized central-difference or Sobel slopes use one source pixel as the horizontal/vertical spacing. Strength scales slopes; a DirectX switch flips only the encoded green normal component.
- Provide local heightmap, slope strength.
- Choose the supported mode and run the tool. Review its assumptions and any reported errors.
- Copy the result or download a separate output; reset to clear the current form.
Good to know
- Static PNG, baseline JPEG or simple WebP only;8MiB/file,4096px per side. Structural preflight runs before native decode; animations, extended WebP, progressive JPEG and compressed PNG metadata are rejected.
- Separate worker:10seconds loading/preparation,2seconds compute. Canvas operates on decoded8-bit browser channels, not raw sensor or color-calibrated values.
- At most1048576 source pixels. Luminance uses .2126R+.7152G+.0722B on decoded channel bytes; no gamma linearization or physical texel-scale inference.
- Flat output rounds to128,128,255. Output does not reconstruct geometry, calibrate real surface normals or infer depth from a photograph.
- Inputs are processed on this device and are not automatically saved or uploaded.
Common questions
Why might the result differ from a3D application?
Height scale, texel spacing, derivative kernels and Y conventions vary. This tool states its chosen numerical model so you can match the target convention.
Does this change my original input?
No. The tool returns a separate result. Review that output before using it in another application.
Keep going with related tools
All images →Image Channel Split and Packing Workbench
Split RGBA into grayscale PNGs or pack explicitly selected image channels into a new PNG.
ImagesImage Color Adjuster
Apply explicit brightness, contrast, gamma and saturation changes to raster pixels.
ImagesRepeating Texture Seam Inspector
Measure opposite-edge byte differences and download half-offset and tiled-preview images.
ImagesAlpha Signed Distance Map Generator
Create an opaque grayscale PNG encoding signed nearest-opposite pixel-center distances from a local image alpha mask.