Displacement Map Generator

A displacement map is a grayscale texture that moves mesh vertices along their normals. White pushes outward, black pulls inward, so silhouettes and self-shadowing change — unlike bump or normal maps, which only affect shading.

Upload any photo or height texture, adjust contrast and smoothing, then export PNG. Use 16-bit for smooth slopes in Blender, Unreal, or offline renderers. The 3D preview shows real displacement on a dense mesh so you can judge scale before export.

8-bit maps have only 256 height steps, which show as terracing on gentle gradients when the mesh is subdivided. A true 16-bit PNG stores 65,536 levels — the same precision our height map generator uses for terrain and hero assets.

The data is the same kind of grayscale elevation. “Height map” often means terrain or large-scale elevation; “displacement map” emphasizes vertex displacement in a material. This tool targets displacement workflows; our height map generator uses the same engine with terrain-focused copy.

No. All processing runs locally in WebGL in your browser. Your source images and exported maps never leave your device.