NormalMap-Online

This website lets you create normal maps from height maps for free.
All normal map textures you create are your own.
Textures are not saved on the server and all scripts are running on your Browser.

Just drag & drop a heightmap in the specified field and adjust settings.
Afterwards check the preview window and download your own normalmap.
Additionally you can adjust and download displacement and ambient occlusion maps

The preview window shows a 3D-model with several different maps.
Each map can be enabled/disabled and the preview model can be adjusted.

If you have further questions, just give feedback to the mail-adress on the webpage.

What are Normal Maps?

Normal map generator example preview Normal Maps are textures that inherit depth information of a surface.
They don't change the structure of the model and have nearly no impact on performance.
Each pixel represents a normal vector and is composed of three colors.
These colors are representing the direction of the normal vector.

They can enhance the optical illusion of depth significantly and are especially useful on flat surfaces, that have several bumps or cracks.
As shown on the right, the elevation described by the height map can be converted to a normal map, that can be read from your graphics card inside the shader units.
When aiming for a more drastical illusion in depth, where parts could be occluding the model, you should try displacement maps
These maps really alter polygons but could decrease performance significantly!

Online Normal Map Generator Tool

Upload your texture or height map and generate professional-quality normal maps instantly. Our normal map online generator is perfect for Unity games, 3D models, and digital art projects. Convert texture to normal map with advanced algorithms that support various map normal range settings. Generate normal map files that work seamlessly with Unity normal map workflows and other 3D engines.

Batch Mode
Map Types	Normal Displacement AmbientOcc Specular

↑ Click or drag & drop files above

Size:

Strength
Level
Blur/Sharp
Filter
Invert	R G Height
Z Range	-1 to +1

Contrast
Blur/Sharp
Invert

Strength
Mean
Range
Blur/Sharp
Invert

Strength
Mean
Range
Falloff

Opacity %

3D Preview(runs best on chrome)
Model	Rotation
Maps	Diffuse
	Displacement
	Normal AO Specular
	Environment

Enlarge Preview

Why NormalMap Online

Private by design

This normal map online tool runs entirely in your browser using WebGL technology. Your texture to normal map conversion happens locally - your images never leave your device, ensuring complete privacy for your game assets and textures.

Multiple map types

Our comprehensive normal map generator creates Normal maps, Displacement maps, Ambient Occlusion maps, and Specular maps from a single texture input. Perfect for Unity normal map workflows and professional 3D rendering pipelines.

High quality results

Advanced algorithms ensure professional-grade normal map online generation with real‑time normal map online controls and instant 3D preview. Adjust map normal range, strength, and filtering to achieve perfect results for your specific use case.

Fast workflow

Streamlined normal map online conversion: drag & drop your files, adjust settings with real-time preview, and export. Batch mode supported for processing multiple textures simultaneously - ideal for game development workflows.

How to Create Normal Maps Online — Three Simple Steps

Upload Texture or Height Map

Drop your texture, height map, or photos into our normal map online generator. Supports all common formats including PNG, JPG, TGA. Works perfectly with Unity assets, Aseprite pixel art, procedural textures, and any image format. Our normal map online converter handles various input types seamlessly.

Adjust Settings

Fine-tune strength, level, blur/sharp, and map normal range settings with real‑time preview. Perfect configuration options for Unity normal map workflows, games, and 3D models. Adjust invert options, Z-range, and filtering to match your specific normal map online requirements with instant visual feedback.

Download Maps

Export high-quality normal maps, displacement maps, ambient occlusion maps, and specular textures in PNG, JPG, or TIFF formats. Files are optimized and ready for Unity normal map import or any 3D software. Generate normal map files that integrate seamlessly into your development pipeline.

Advanced Normal Map Online Generation Features

Unity Normal Map Compatibility

Our normal map online generator produces Unity-compatible normal maps online with proper tangent space encoding. Supports standard Unity normal map formats with correct Y-axis orientation and map normal range settings. Perfect for Unity 2D sprites, 3D models, and terrain textures.

Texture to Normal Map Algorithms

Advanced Sobel and Scharr edge detection algorithms for superior normal map online conversion. Our normal map generator analyzes height gradients to create accurate surface normal information, preserving fine details and maintaining proper depth perception.

Map Normal Range Control

Precise control over map normal range with -1 to +1 Z-axis mapping or 0 to 1 range options. Adjust normal map strength, contrast, and filtering to match your specific workflow requirements. Generate normal map files optimized for different rendering engines and platforms.

Batch Processing

Process multiple textures simultaneously with our batch mode normal map online tool. Ideal for game developers working with texture atlases or large asset collections. Maintain consistent settings across multiple normal map online conversions for uniform results.

Frequently Asked Questions

What is a normal map generator?

A normal map generator is a tool that creates normal maps from height maps or photos. Normal maps add surface detail to 3D models without increasing geometry complexity, making them essential for games and 3D graphics. Our online normal map generator creates high-quality results instantly in your browser.

How to make a normal map from texture or height map?

To make a normal map: 1) Upload your texture or height map (grayscale works best), 2) Adjust the strength and blur settings, 3) Preview the result in real-time, 4) Download your normal map. Our generator supports common formats like PNG, JPG, and TGA files. Start creating now.

How do I use this normal map generator for Unity?

For Unity normal maps: Upload your height map, set the strength between 2-4 for best results, ensure "Invert Y" is disabled (Unity uses standard format), then download as PNG. In Unity, set the texture type to "Normal Map" in the import settings. See our Unity tutorial.

Can I create normal maps online for free?

Yes! Our free normal map online generator converts any texture to a normal map online. Simply drag your texture file into the normal map online generator, adjust the intensity settings, and download the converted normal map online. Works with photos, hand-painted textures, and procedural textures.

How to convert normal map to height map?

Use our "Normal to Height" feature in the tool. Upload your normal map, and the generator will extract height information to create a displacement/height map. This is useful for creating parallax mapping textures or converting between different map types.

How do I generate normal maps from photos (photogrammetry-style)?

Use our "Pictures" tab to upload 4 photos of the same surface taken under different lighting directions (left, right, top, bottom). Our algorithm will calculate surface normals from the lighting variations to create an accurate normal map.

Do my images get uploaded to any server?

No. This normal map generator runs entirely in your browser using WebGL technology. Your images never leave your device, ensuring complete privacy and security for your game assets and textures.

What file formats are supported?

We support PNG, JPG, JPEG, BMP, GIF, TGA, and most common image formats. For best results, use high-resolution grayscale or color images. The output can be downloaded as PNG or TGA format.

Is there a batch processing mode?

Yes! Enable Batch Mode to process multiple textures at once with the same settings. Perfect for game developers working with texture atlases or multiple similar assets. All processing remains local to your browser.

Can I create displacement and AO maps too?

Absolutely! Our generator creates Normal maps, Displacement maps, Ambient Occlusion (AO) maps, and Specular maps from the same input. Switch between different output types using the preview tabs to download what you need.

Free Normal Map Online Generator — Create Normal Maps Online from Textures & Photos