Vextrude Normal Map
Open Text Tool

NORMAL MAP ONLINE

Generate Game‑Ready Maps in Your Browser

Drop a height or diffuse image and create normal, displacement, ambient occlusion and specular maps. Works entirely offline inside your browser.

No uploads, browser only Normal · Displacement · AO · Specular PNG · JPG · TIFF export

Click to upload, or drag and drop an image

Supports PNG, JPG, WEBP. Recommended grayscale height maps.

Strength 2.0
AO strength 0.85
Blur 0
Specular strength 6.0
3D Tiling
Map type:
File format:
Selected: Normal · PNG Waiting for image

PREVIEWS

Compare height, normal map, and shaded result.

0 × 0 px

Normal Map

Normal map preview

Source

Source image

Displacement

Displacement map

AO

Ambient map

Specular

Specular map

3D Preview

Drag to orbit
3D preview will appear here

How it works

The tool reads your image as a height field, computes gradients using a Sobel-like filter, and encodes the resulting surface normals into RGB (X→R, Y→G, Z→B) in tangent space.

Use the strength slider to exaggerate or soften details, blur to smooth noisy source images, and invert axes to match engines like Unity, Unreal, or Blender.

Free Online Normal Map Generator

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

  1. Upload a texture: Drag and drop a height or diffuse image into the drop zone.
  2. Adjust details: Use the strength and blur sliders to control how sharp or soft the surface appears.
  3. Fine-tune lighting: Tweak AO and specular sliders, or invert axes and switch engine presets to match your target renderer.
  4. Inspect previews: Compare height, generated maps and the shaded 3D preview to validate the result.
  5. 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.

Frequently Asked Questions

Is the normal map generator really free?

Yes. You can use the Vextrude Normal Map Generator for both personal and commercial projects with no account, watermark, or hidden limits.

Do my images ever leave my device?

No. All processing runs entirely in your browser using WebGL. Textures are never uploaded to a remote server, which keeps your assets private.

Which maps can I export from a texture?

From a single height or diffuse image you can generate tangent-space normal maps, displacement maps, ambient occlusion maps, and specular maps, then download them as PNG, JPG, or TIFF.