Image to Normal Map Converter

NormalMapAI (normalmapai.com) is a free online image to normal map converter that transforms any JPG, PNG, or WebP photo into a tangent-space normal map in your browser. This image to normal map tool runs 100% locally via WebGL2 with real-time 3D lighting preview and zero server uploads.

Drop your texture into the NormalMapAI image to normal map converter, adjust Normal Strength and Fine Detail while orbiting the 3D preview model, and select OpenGL (for Blender, Unity, Godot) or DirectX (for Unreal Engine 5) before downloading your normal map PNG.

An image to normal map converter treats pixel luminance as a continuous heightfield—where brighter pixels are higher and darker pixels are lower—and applies horizontal and vertical gradient filters to compute X, Y, and Z surface normal vectors encoded into R, G, and B channels.

Inverted relief happens either when dark features in your photo are actually raised, or when the green (Y) channel orientation mismatches your 3D engine. Toggle Invert Height in the image to normal map converter to flip elevation, or switch between OpenGL (Y+) and DirectX (Y-) to flip the green channel.

Pick OpenGL (Y+) in the image to normal map converter for Blender, Unity, Godot 4, and Three.js. Pick DirectX (Y-) in the image to normal map converter for Unreal Engine 5, 3ds Max, and DirectX shaders so vertical light angles read from the correct direction.

If your logo sits on a solid black or white backdrop, run it through the NormalMapAI Transparent PNG cutout tool first, then pass it into the image to normal map converter. The converter reads silhouette and interior contrast to create crisp embossed bevels for stickers, coins, and decals.

If the source photo has mismatched opposite edges, the image to normal map gradient filter will bake a bright or dark seam line right along the border. Repair the photo in the NormalMapAI Seamless Texture tool first, then run the image to normal map conversion.

High-ISO camera noise or fine sensor grain can turn into sandy chatter during image to normal map conversion. Balance the Detail and smoothing controls in the NormalMapAI image to normal map workspace so macro brick or wood forms stay strong without amplifying pixel noise.

After exporting an OpenGL PNG from the image to normal map converter, load it into a Blender Image Texture node, set Color Space to Non-Color, connect it to a Normal Map node (Tangent Space), and wire that into the Normal socket of your Principled BSDF material.

Yes, because our image to normal map converter shares the same local WebGL2 core as the NormalMapAI PBR Texture Generator, you can immediately export matching 16-bit height, displacement, roughness, AO, metallic, and specular maps from the same upload.

You can upload JPG, PNG, or WebP files into the image to normal map converter and export lossless 8-bit tangent-space normal map PNGs (plus optional 16-bit height maps) at 512, 1024, 2048 (2K), or 4096 (4K) resolution.

Yes, every normal map generated by the NormalMapAI image to normal map converter is 100% royalty-free for commercial games, VFX, archviz, and client projects. All computation happens locally inside your browser, so your files never leave your computer.