Tiny Online Tools logoTiny Online ToolssearchTools suchen…grid_viewAlle Tools
Startseitechevron_right3D-Toolschevron_rightPBR-Textur-WerkzeugPBR-Textur-Werkzeug

PBR-Textur-Werkzeug

Erzeugen und reparieren Sie PBR-Texturkarten in Ihrem Browser, kostenlos und ohne jeden Upload.

upload_file

Zum Durchsuchen klicken oder Dateien hierher ziehen und ablegen

Wählen Sie eine Texturkarte — PNG, JPG oder WebP

Akzeptiert: .png,.jpg,.jpeg,.webp

OperationHöhe → Normal MapNormal Map → HöheGrünkanal invertierenZu Rauheit entsättigenMap invertierenHöhe → UmgebungsverdeckungTonwerte & Kontrast anpassenNimmt den Sobel-Gradienten des Höhenfelds und kodiert ihn als Normal Map im Tangentenraum. Wählen Sie die Grünkanal-Konvention, die Ihre Engine erwartet.Skaliert den Gradienten vor der Normalisierung. Höhere Werte neigen die Normalen stärker und übertreiben das Relief.Glättet zuerst das Höhenfeld. Nutzen Sie 1–2 px, wenn eine 8-Bit-Quelle an sanften Hängen Stufen zeigt.Richtung des GrünkanalsOpenGL / glTF / Blender (+Y nach oben)DirectX / Unreal (+Y nach unten)OpenGL, glTF, Blender, Unity und Godot erwarten Grün nach oben. DirectX, Unreal Engine und 3ds Max erwarten es nach unten. Wenn sich Erhebungen in Ihrem Renderer als Vertiefungen lesen, haben Sie die andere gewählt.Größere Quellen werden vor der Verarbeitung verkleinert. Umgebungsverdeckung und Relaxationsdurchläufe werden deutlich vor 4096 px langsam.

Ahnliche Tools

Textur-Kanal-Packer

Textur-Kanal-Packer

Packen Sie vier Graustufen-Maps in eine RGBA-Textur — oder entpacken Sie eine gepackte Textur wieder in Einzelbilder.

3D-Textur-Optimierer

3D-Textur-Optimierer

Skalieren, konvertieren und komprimieren Sie die in GLB-, GLTF-, FBX- und USDZ-Modellen eingebetteten Texturen — kostenlos und vollständig im Browser.

3D-Material-Editor

3D-Material-Editor

Öffnen Sie ein GLB- oder GLTF-Modell und bearbeiten Sie jedes darin enthaltene PBR-Material — kostenlos, im Browser und ohne Upload.

3D-UV-Werkzeug

3D-UV-Werkzeug

Betrachten Sie die UV-Map jedes GLB-, GLTF-, OBJ-, STL-, PLY-, FBX- oder DAE-Modells direkt im Browser.

Slug-Generator

Slug-Generator

Text in saubere URL-Slugs umwandeln mit individuellen Trennzeichen und Groß-/Kleinschreibungsoptionen.

SVG-Sprite-Generator

SVG-Sprite-Generator

Kombiniere mehrere SVG-Dateien zu einem Sprite mit <symbol>-Definitionen für eine effiziente Icon-Nutzung.

PDF-Seiten nummerieren

PDF-Seiten nummerieren

Füge einem PDF Seitenzahlen mit anpassbarer Position, Format, Schriftgröße und Startnummer hinzu.

apps

Mehr Tools

Durchsuchen Sie unsere vollstandige Sammlung kostenloser Online-Tools.

Die Maps, die man Ihnen nicht mitgeliefert hat

Textur-Pakete enthalten selten jede Map, die ein PBR-Material braucht. Sie bekommen ein Foto und eine Höhenkarte, oder eine Normal Map, die für die falsche Engine gebacken wurde, oder eine Glanzkarte, während Ihr Renderer Rauheit erwartet. Dieses kostenlose Online-Werkzeug macht aus dem, was Sie haben, das, was Sie brauchen – direkt im Browser.

Von der Höhenkarte zur Normal Map

Eine Höhenkarte speichert Erhebung als Helligkeit, eine Normal Map speichert eine Richtung pro Pixel. Umwandeln heißt, den Gradienten des Höhenfelds zu nehmen und daraus die Oberflächennormale zu bauen: N = normalize(-dh/du, -dh/dv, 1).

Der Gradient wird mit einem 3x3-Sobel-Kern geschätzt statt mit einer schlichten Pixeldifferenz, denn 8-Bit-Höhenkarten quantisieren schlecht, und eine rohe Differenz macht aus dieser Quantisierung sichtbare Facetten. Die Stärke skaliert den Gradienten vor der Normalisierung: niedrige Werte ergeben eine zurückhaltende Oberfläche, hohe Werte übertreiben das Relief. Fügen Sie Vorunschärfe hinzu, wenn Ihre Quelle an sanften Hängen Streifen bildet.

Grün spiegeln: das Problem OpenGL gegen DirectX

Der häufigste Normal-Map-Fehler in der 3D-Welt – und er lässt sich in einer Zeile beheben. Der Tangentenraum hat seine V-Achse nach oben gerichtet, Bilder werden aber von oben nach unten gespeichert, und aus dieser Uneinigkeit sind zwei Konventionen entstanden:

  • OpenGL / glTF / Blender / Unity / Godot – Grün ist +Y und zeigt nach oben. Auch Y+ genannt.
  • DirectX / Unreal Engine / 3ds Max – Grün ist -Y und zeigt nach unten. Auch Y- genannt.

Nehmen Sie die falsche, meldet nichts einen Fehler. Die Oberfläche wird lediglich aus der falschen vertikalen Richtung beleuchtet: Erhebungen lesen sich als Vertiefungen, und Schraubenköpfe wirken hineingedrückt. Es sieht plausibel aus, und genau deshalb überlebt der Fehler bis in den finalen Render.

Die Lösung lautet g = 255 - g – nur den Grünkanal invertieren und sonst nichts, und genau das tut Grünkanal invertieren. Die Operation ist ihre eigene Umkehrung, sie wandelt also in beide Richtungen.

Von Normalen zur Höhe, ehrlich betrachtet

Höhe aus einer Normal Map zurückzugewinnen bedeutet, eine Poisson-Gleichung zu lösen. Dieses Werkzeug integriert daher das Steigungsfeld und führt Relaxationsdurchläufe aus, um die Drift zu entfernen. Erhöhen Sie die Anzahl der Durchläufe, wenn weiche Verläufe dort auftauchen, wo die Oberfläche flach sein sollte. Nur relative Tiefe ist rekonstruierbar, deshalb wird das Ergebnis normalisiert.

Rauheit, Glanz und Verdeckung

Zu Rauheit entsättigen verwendet perzeptuelle Luminanz statt eines Kanalmittelwerts; korrigieren Sie den Wertebereich anschließend über die Tonwerte. Map invertieren wandelt Rauheit in Glanz oder Glätte und zurück. Umgebungsverdeckung aus Höhe tastet von jedem Pixel aus in mehreren Richtungen nach außen und dunkelt es entsprechend dem steilsten gefundenen Horizont ab – der Regler für die Höhenskala liefert die Tiefe, die einem Graustufenbild fehlt.

Alles läuft auf Ihrem Gerät über die Canvas-APIs des Browsers; keine Textur wird hochgeladen.