Was ist HDR / HDRI? Warum ist es für 3D-Rendering unverzichtbar?
Ein HDR- (High Dynamic Range) oder HDRI-Bild (High Dynamic Range Image) ist ein 360-Grad-äquirektanguläres Panoramabildformat, das reale physikalische Lichtstärken und enorme Helligkeitsunterschiede speichert. Während herkömmliche JPG- oder PNG-Bilder auf Werte zwischen 0 und 255 (Standard-Dynamikbereich / LDR) begrenzt sind, verwendet das professionelle Radiance .hdr-Format eine 32-Bit-Fließkomma-RGBE-Kodierung. Dadurch können sowohl zarte Umgebungslichtwerte als auch die blendende Helligkeit des Sonnenkerns mit Zehntausenden Nits physikalisch exakt abgebildet werden.
In modernen physikbasierten Render-Engines (PBR) wie Blender (Cycles/Eevee), Three.js, Unreal Engine 5, Cinema 4D, Maya und Godot bietet eine hochwertige HDR-Umgebungskarte:
- Realistische bildbasierte Beleuchtung (IBL, Image-Based Lighting): Umhüllt 3D-Objekte mit einer natürlichen 360-Grad-Umgebungsbeleuchtung und präzisen Kontaktschatten.
- Physikalisch korrekte Reflexionen & Glanzlichter: Metalle, Glas und Autolacke spiegeln die Umgebung mit scharfen Sonnen-Highlights und weichen Verläufen wider.
- Effizienter Beleuchtungs-Workflow: Macht das mühsame manuelle Platzieren zahlloser Füll- und Spotlichter überflüssig – ein einziges HDRI liefert fertige Studioqualität.
Wie erstellt man HDR-Hintergründe online?
Klassischerweise erforderte die Erstellung eines HDRI-Panoramas Spezialkameras, Belichtungsreihen (Bracketing) und komplexe Stitching-Software. Mit unserem Online-HDR-Hintergrundgenerator können Sie Sonnenwinkel, Studio-Softboxen oder bestehende Panoramabilder direkt im Webbrowser in Sekundenschnelle anpassen – komplett clientseitig mit 3D-Echtzeitvorschau und echtem Radiance .hdr Export.
🎨 8 Kuratierte Beleuchtungs- und Umgebungsvoreinstellungen
Das Tool bietet fertige Lichtsetups für Naturhimmel, Fotostudios und Sci-Fi-Szenarien:
- ☀️ Goldene Stunde (Golden Hour): Warme, tief stehende Abendsonne mit Übergang zu tiefblauem Zenit für cinematische Gegenlichtstimmungen und lange Schatten.
- 🌞 Klarer Mittagshimmel (Sunny Sky): Heller Sonnenzenit mit reiner Rayleigh-Atmosphärenstreuung für knackiges Sonnenlicht bei Architektur-Renderings.
- 🌌 Tiefe Dämmerung (Deep Twilight): Magentafarbener Horizontglanz im Übergang zur Nacht – ideal für Fahrzeuge und edle Produktinszenierungen.
- 🌫️ Morgennebel (Morning Mist): Weiches diffuses Licht mit hoher Dunsttrübung in Pastelltönen für verträumte, atmosphärische Tiefe.
- 💡 Klassisches 3-Punkt-Studio (Studio Three-Point): Hauptlicht, kaltes Fülllicht und warmes Kantenlicht zur perfekten Konturierung von 3D-Modellen und Charakteren.
- ⚪ Reines Weißes Studio (Studio Clean White): Große Decken-Softbox mit gleichmäßiger Frontaufhellung für saubere E-Commerce- und Industrie-Renderings.
- 🟣 Cyberpunk-Neon (Cyber Neon): Kontraststarke Cyan- und Magenta-Lichtquellen für Sci-Fi-Mechas und futuristische Konzeptkunst.
- 🟢 Polarlichternacht (Aurora Night): Dunkler Sternenhimmel über einem smaragdgrünen Polarlicht-Horizont für mystische Fantasiewelten.
🌐 Interaktive 3D-PBR-Materialkugeln
Der integrierte Three.js-Viewport bietet Standard-Testkörper zur Überprüfung der Licht- und Reflexionseigenschaften:
- 🪞 Chrom-Spiegelkugel (Chrome Mirror): Nahezu Null-Rauheit und 100% Metallizität zur Kontrolle von Reflexionsschärfe und Sonnen-Highlights.
- 🪙 Mattmetall-Kugel (Rough Metal): Mittlere Rauheit (0.35) zur Demonstration von Glanzübergängen auf gebürsteten Metallflächen.
- 🍶 Glänzende Keramikkugel (Glossy Ceramic): Dielektrische Grundfarbe mit Klarlack-Glanz zur Beurteilung des diffusen Umgebungslichts (IBL).
- 🥨 Torusknoten (Torus Knot): Komplexe Geometrie zur Begutachtung von Selbstverschattung und Lichtkrümmung auf geschwungenen Oberflächen.
Wichtigste Funktionen & Technische Vorteile
☀️ Physikalische Atmosphären- & Sonnensimulation
Echtzeitberechnung von Rayleigh- und Mie-Streuung mit flexibler Anpassung von Sonnenhöhe, Azimut, Haze und Boden-Albedo.
💡 Studio-Lichtarray mit Softboxen
Platzieren Sie Haupt- und Kantenlichter mit sphärischen Koordinaten, Farbtemperatur, HDR-Multiplikator und weichen Verläufen.
🌐 3D-PBR-Echtzeitvorschau per WebGL
Three.js-Viewport mit voller 360°-Kamerasteuerung und Materialkugeln zur sofortigen Reflexions- und Schattenprüfung.
⚡ 100% Clientseitig & Maximaler Datenschutz
Sämtliche Fließkomma-Berechnungen und die binäre RGBE-Kodierung erfolgen lokal auf Ihrem Gerät. Keine Server-Uploads, blitzschnell und sicher.
Wie nutzt man die exportierte .hdr-Datei in 3D-Software?
1. Verwendung in Blender
- Öffnen Sie Blender und wechseln Sie in den Bereich World Properties (Welteigenschaften) rechts.
- Klicken Sie auf den gelben Punkt neben
Colorund wählen Sie Environment Texture (Umgebungstextur). - Klicken Sie auf
Open (Öffnen)und wählen Sie Ihre heruntergeladene.hdr-Datei aus. - Stellen Sie die Ansicht auf Rendered (Gerendert), um die Panoramabeleuchtung zu sehen.
2. Verwendung in Web-Projekten mit Three.js
Laden Sie die HDRI-Umgebung einfach mit dem RGBELoader:
import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';
new RGBELoader().load('dein_himmel.hdr', (texture) => {
texture.mapping = THREE.EquirectangularReflectionMapping;
scene.background = texture; // Panoramahintergrund
scene.environment = texture; // PBR-Beleuchtung & Reflexion
});