Turn any height or diffuse texture into game-ready normal, displacement, ambient occlusion and specular maps,
directly in your browser.
100% Local
Images never leave your device. All processing happens in your browser for maximum privacy and speed.
Multiple Maps
Generate normal, displacement, ambient occlusion and specular maps from a single source texture.
Engine Ready
Use presets for OpenGL/Unity and DirectX/Unreal, plus a live 3D preview to check lighting and tiling.
How to use the normal map generator
- Upload a texture: Drag and drop a height or diffuse image into the drop zone.
- Adjust details: Use the strength and blur sliders to control how sharp or soft the surface appears.
- Fine-tune lighting: Tweak AO and specular sliders, or invert axes and switch engine presets to match your target renderer.
- Inspect previews: Compare height, generated maps and the shaded 3D preview to validate the result.
- Export maps: Download the selected map or all maps at once in PNG, JPG or TIFF format.
What is a normal map?
A normal map stores per-pixel surface directions in RGB, allowing flat meshes to react to light as if they had
detailed geometry. This keeps models lightweight while preserving the illusion of depth and relief.
Game engines like Unity, Unreal Engine and DCC tools such as Blender use tangent-space normal maps extensively
for materials, decals and tiling textures. Matching the correct Y-axis convention is critical, which is why this
tool includes presets and axis inversion options.
For a deeper walkthrough, including engine presets, 3D preview tips and export best practices, read the full
tutorial Generate Game‑Ready Normal Maps in Your Browser.