Height
FREE NORMAL MAP TOOL
NORMAL MAP
GENERATOR
Use this normal map generator to create OpenGL and DirectX normal maps from any image. Generate height, displacement, roughness, glossiness, AO and specular maps directly in your browser.
01
Source image
Local browser processing. Your image is not uploaded to the server.
No image loaded
In development
Auto tile / seamless texture
Experimental offset and edge-blending tool for creating a tileable source image. It is usable, but results may need manual cleanup.
02
Map controls
Normal map tools
Height and displacement tools
Roughness and glossiness tools
Roughness and glossiness are generated as opposite grayscale maps from the processed height source.
Ambient occlusion tools
Specular tools
03
3D preview
Upload an image to preview the material
Interactive preview
Drag over the viewer to rotate the object manually. By default the preview shows the generated normal map color, so strength and filter changes are visible immediately.
OUTPUT MAPS
Generated texture maps
Normal OpenGL
Normal DirectX
Displacement
Roughness
Glossiness
Ambient Occlusion
Specular
FAST NORMAL MAP GENERATION
Generate normal maps online
This normal map generator processes your image locally in the browser, so no texture files are uploaded to the server. It supports OpenGL and DirectX outputs for Blender, Unreal, Unity and WebGL workflows.
01
Upload your image
Drop a JPG, PNG or WEBP texture up to 4096 × 4096 px.
02
Generate support maps
Create normal, height, displacement, roughness, glossiness, AO and specular maps.
03
Preview and export
Check maps on a cube, plane or sphere, then export your files as PNG, WEBP or JPG.
NORMAL MAP GENERATOR FAQ
Common questions
What is a normal map?
A normal map is an RGB texture that stores surface direction information. It changes how light reacts to a surface without changing the actual geometry.
What is the difference between OpenGL and DirectX normal maps?
The most common difference is the green channel direction. DirectX normal maps usually flip the green channel compared with OpenGL normal maps.
Can I use these maps in Blender?
Yes. Blender workflows usually work well with OpenGL normal maps, roughness maps, displacement or height maps and ambient occlusion support maps.
Can I use these maps in Unreal Engine?
Yes. Unreal workflows usually use DirectX-style normal maps, so the DirectX export is the safest starting point.
Are my images uploaded to the server?
No. This tool uses browser canvas and WebGL processing. The image is processed locally on your device.
