Créer un Arrière-plan HDR en Ligne

Concevez des ciels physiques à haute dynamique et des éclairages de studio dans votre navigateur. Aperçu 3D en temps réel et téléchargement gratuit au format Radiance .hdr.

Préréglages d'Éclairage (Presets)
{{ getPresetName(item.id) }}
{{ getPresetTag(item.id) }}
Clic gauche enfoncé pour pivoter à 360° | Molette pour zoomer
Cliquez sur la carte pour placer le soleil ou la lumière
☀️ Propriétés Solaires et Atmosphériques
Angle d'Élévation du Soleil {{ skyParams.sunElevation }}°
Angle d'Azimut du Soleil {{ skyParams.sunAzimuth }}°
Intensité HDR du Soleil {{ skyParams.sunIntensity }}x
Taille du Disque Solaire {{ skyParams.sunSize }}
Turbidité Atmosphérique (Diffusion) {{ skyParams.turbidity }}
🎨 Couleurs du Ciel et du Sol
Zénith
{{ skyParams.skyZenithColor }}
Horizon
{{ skyParams.skyHorizonColor }}
Sol
{{ skyParams.groundColor }}
Soleil
{{ skyParams.sunColor }}
💡 Éclairage de Studio & Projecteurs
Lumière Ambiante de Base
{{ studioParams.ambientColor }}
Intensité Ambiante {{ studioParams.ambientIntensity }}
Couleur & Puissance
{{ light.intensity }}x
Puissance {{ light.intensity }}
Taille / Faisceau {{ light.size }}°
Douceur des Bords (Softness) {{ light.softness }}
🖼️ Convertir Image Panoramique en HDR
Cliquez ou glissez une image panoramique
Compatible JPG / PNG / WebP équirectangulaire (ratio 2:1 conseillé)
Chargée : {{ imageParams.fileName }}
Multiplicateur Dynamique {{ imageParams.dynamicBoost }}x
Intensité Solaire {{ imageParams.sunIntensity }}x
Exporter Fichier HDRI (.hdr)
Radiance RGBE (32-bit)

Qu'est-ce que le HDR / HDRI ? Pourquoi est-il Essentiel pour le Rendu 3D ?

Une image HDR (High Dynamic Range) ou HDRI (High Dynamic Range Image) est un format d'image panoramique équirectangulaire à 360 degrés capable de stocker des plages de luminosité et des intensités lumineuses physiques réelles. Alors que les fichiers JPG ou PNG classiques sont limités à des valeurs de 0 à 255 (faible plage dynamique ou LDR), le format professionnel Radiance .hdr utilise un encodage RGBE 32 bits à virgule flottante, permettant d'enregistrer des lueurs douces jusqu'à l'éclat aveuglant du disque solaire atteignant plusieurs dizaines de milliers de nits.

Dans les moteurs de rendu physique (PBR) modernes tels que Blender (Cycles/Eevee), Three.js, Unreal Engine 5, Cinema 4D, Maya et Godot, l'utilisation d'une carte d'environnement HDR apporte :

  • Un éclairage basé sur l'image (IBL) réaliste : Baigne les objets 3D dans une lumière diffuse à 360° et projette des ombres de contact anatomiquement justes.
  • Des reflets et reflets spéculaires physiquement exacts : Métaux, verres et carrosseries reflètent fidèlement l'environnement et l'éclat solaire.
  • Un flux de travail accéléré : Plus besoin de placer manuellement des dizaines de spots secondaires ; un seul HDRI suffit à créer une ambiance studio complète.

Comment Créer un Arrière-plan HDR en Ligne ?

Auparavant, la création d'un panorama HDRI nécessitait des caméras sphériques onéreuses, des prises de vue en bracketing d'exposition et des logiciels de raccordement lourds. Avec notre Générateur d'Arrière-plan HDR en Ligne, vous pouvez ajuster de manière procédurale la position du soleil, disposer des boîtes à lumière de studio ou booster une photo panoramique directement dans votre navigateur en quelques secondes, avec prévisualisation PBR 3D en direct et téléchargement instantané en Radiance .hdr.

🎨 8 Préréglages d'Éclairage et d'Environnement

L'outil intègre des configurations prêtes à l'emploi couvrant ciels naturels, studios photo et ambiances futuristes :

  • ☀️ Heure Dorée (Golden Hour) : Soleil couchant rasant aux teintes dorées et zénith bleu profond, créant de longs ombrages cinématographiques.
  • 🌞 Midi Ensoleillé (Sunny Sky) : Soleil zénithal éclatant avec diffusion atmosphérique de Rayleigh pure, idéal pour les scènes architecturales et extérieures.
  • 🌌 Crépuscule Profond (Deep Twilight) : Lueur pourpre à l'horizon se fondant dans la nuit, parfait pour les rendus automobiles et les natures mortes.
  • 🌫️ Brume Matinale (Morning Mist) : Lumière diffuse à forte turbidité avec des tons pastel doux, créant une ambiance onirique et feutrée.
  • 💡 Studio Trois Points (Studio Three-Point) : Éclairage principal, débouchage froid et contre-jour chaud pour sculpter les formes de personnages et d'objets 3D.
  • ⚪ Studio Blanc Pur (Studio Clean White) : Grande boîte à lumière zénithale et diffusion frontale, environnement neutre pour le e-commerce et le design industriel.
  • 🟣 Néon Cyberpunk (Cyber Neon) : Contraste saisissant entre cyan et magenta, conçu pour les univers SF, les méchas et les visuels conceptuels.
  • 🟢 Nuit d'Aurore (Aurora Night) : Ciel étoilé foncé éclairé par une aurore boréale vert émeraude à l'horizon, conférant une atmosphère mystique et féerique.

🌐 Vitrine de Matériaux PBR 3D en Temps Réel

Le viewport Three.js interactif met à disposition des sphères d'essai standard pour juger de la réponse lumineuse avant le téléchargement :

  • 🪞 Sphère Miroir Chrome (Chrome Mirror) : Rugosité 0.02 et 100% métallique pour vérifier la netteté des reflets et l'éclat du soleil.
  • 🪙 Sphère Métal Brossé (Rough Metal) : Rugosité moyenne (0.35) illustrant la transition entre spécularité et diffusion métallique.
  • 🍶 Sphère Céramique Brillante (Glossy Ceramic) : Base diélectrique avec vernis transparent pour évaluer la lumière diffuse ambiante (IBL).
  • 🥨 Nœud Torique (Torus Knot) : Géométrie complexe pour observer l'auto-occlusion et l'enveloppement de la lumière sur les courbes.

Fonctionnalités Clés et Avantages Techniques

☀️ Simulation Physique de Ciel et Atmosphère

Calcule la diffusion de Rayleigh et Mie en temps réel avec un contrôle fluide de l'élévation solaire, de l'azimut et de l'albédo du sol.

💡 Agencement Studio Multifaisceaux

Ajoutez et positionnez des softboxes et spots avec coordonnées sphériques, température de couleur, puissance HDR et adoucissement.

🌐 Aperçu 3D PBR avec WebGL

Visualiseur Three.js avec contrôle orbital à 360° et plusieurs sphères d'essai pour inspecter instantanément réflexions et ombres.

⚡ 100% Navigateur et Respect de la Vie Privée

Tous les calculs en virgule flottante et l'encodage binaire RGBE sont exécutés localement. Aucun upload sur serveur, ultra rapide et sécurisé.

Comment Utiliser le Fichier .hdr dans vos Logiciels 3D ?

1. Utilisation dans Blender

  1. Ouvrez Blender et rendez-vous dans l'onglet World Properties (Propriétés du Monde) à droite.
  2. Cliquez sur le point jaune à côté de Color (Couleur) et choisissez Environment Texture (Texture d'Environnement).
  3. Cliquez sur Open (Ouvrir) et sélectionnez votre fichier .hdr téléchargé.
  4. Basculez l'affichage en mode Rendered (Rendu) pour visualiser le ciel panoramique et les réflexions photoréalistes.

2. Utilisation dans vos Projets Web avec Three.js

Chargez le HDRI en une ligne de code avec le chargeur officiel RGBELoader :

import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';

new RGBELoader().load('votre_ciel.hdr', (texture) => {
  texture.mapping = THREE.EquirectangularReflectionMapping;
  scene.background = texture;  // Arrière-plan panoramique
  scene.environment = texture; // Éclairage & réflexions PBR
});

Foire Aux Questions (FAQ)

Q: Quelle est la différence entre un fichier .hdr et une image .jpg standard ? {{ openFaq === 1 ? '▲' : '▼' }}
A: Les images JPG sont à faible dynamique (8 bits LDR) avec une luminosité maximale bloquée à 1.0 (255), incapables de reproduire une réelle intensité solaire ou de franches ombres portées. Les fichiers .hdr générés ici exploitent le format Radiance RGBE 32 bits, permettant aux points lumineux d'atteindre des valeurs supérieures à 30.0 voire 100.0+, fournissant ainsi une vraie émission de lumière physique aux moteurs 3D.
Q: Quelle résolution d'exportation devrais-je choisir ? {{ openFaq === 2 ? '▲' : '▼' }}
A: Si vous utilisez l'image uniquement pour l'éclairage ambiant diffus (IBL) sans reflets ultra nets, 1024×512 ou 512×256 offre une excellente qualité avec un chargement ultra rapide. Pour des réflexions miroir chromées parfaites ou un affichage direct en fond, choisissez 2048×1024 (2K) ou 4096×2048 (4K).
Q: Le générateur envoie-t-il des images sur un serveur ? {{ openFaq === 3 ? '▲' : '▼' }}
A: Absolument pas ! L'ensemble des calculs d'illumination, du rendu du ciel et de la génération du binaire RGBE s'effectue dans votre navigateur via JavaScript. Zéro upload, totalement gratuit et utilisable hors ligne.