ノーマルマップ オンライン
Convert any height map, diffuse or bump texture into tangent-space normal, displacement, AO and specular PBR maps. 100% in-browser — no uploads, works offline.
Click to upload, or drag and drop an image
Supports PNG, JPG, WEBP. Recommended grayscale height maps.
プレビュー
Compare height, normal map, and shaded result.
ノーマルマップ
ソース
ディスプレースメント
AO
スペキュラー
3D Preview
ドラッグして回転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.
Turn any height or diffuse texture into game-ready normal, displacement, ambient occlusion and specular maps, directly in your browser.
Images never leave your device. All processing happens in your browser for maximum privacy and speed.
Generate normal, displacement, ambient occlusion and specular maps from a single source texture.
Presets for OpenGL/Unity and DirectX/Unreal Engine. Exported maps work directly in Blender, Godot, Maya and 3ds Max. Live 3D preview to check lighting and tiling.
A normal map (also called a bump map) stores per-pixel surface directions in RGB channels, letting flat meshes react to light as if they had detailed geometry. When you convert a height map to a normal map, each pixel brightness becomes a surface angle — keeping 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 ブラウザでゲーム対応ノーマルマップを生成.
Yes. You can use the Vextrude Normal Map Generator for both personal and commercial projects with no account, watermark, or hidden limits.
No. All processing runs entirely in your browser using WebGL. Textures are never uploaded to a remote server, which keeps your assets private.
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.
Yes. Upload a grayscale height map and the tool computes surface normals using a Sobel-based gradient filter. The brighter a pixel, the higher the surface — producing accurate tangent-space normals directly from your height data.
The only difference is the direction of the green (Y) channel. OpenGL normal maps point Y upward and are used by Unity and Blender. DirectX normal maps invert the Y channel and are the default in Unreal Engine. Use the engine preset buttons to switch instantly, or toggle the Y-invert option manually.
In Unity, import the PNG and set the texture type to “Normal Map” in the inspector, then connect it to the Normal Map slot of a Standard or URP Lit material. In Unreal Engine 5, plug the DirectX-format PNG into the Normal pin of a Material. In Blender, add an Image Texture node set to “Non-Color” and connect it to the Normal Map node, then into the BSDF’s Normal input.
The tool processes images up to 4096×4096 px. Larger images are scaled down automatically to stay within browser memory limits. For most game and PBR workflows, 1024×1024 or 2048×2048 is optimal.
Yes. The tool runs on any modern browser, including mobile Safari and Chrome for Android. For best performance with large textures (2048×2048 and above), a desktop browser is recommended.
A bump map is an older grayscale technique that fakes depth by perturbing surface normals at shading time. A normal map stores the same information in full RGB, giving more accurate lighting at the same performance cost — making it the modern standard. A displacement map actually moves geometry vertices, producing true silhouette detail but requiring more polygons or tessellation.
In a single export you get four PBR maps: normal, displacement, ambient occlusion (AO) and specular. Together these cover the core slots of a Metallic/Roughness or Specular/Gloss PBR workflow in Unity, Unreal Engine, Blender, Godot and most other real-time renderers.
Vextrude チームからのヒント、チュートリアル、最新情報。
単一の高さまたはディフューズテクスチャーをノーマル、ディスプレースメント、AO、スペキュラーマップに変換します。
Feb 17, 2026
STL vs OBJ vs 3MF: Which format should you use for your 3D printer?
Feb 05, 2026
Fix common issues like self-intersecting paths before converting.
Feb 05, 2026