hdr类型的图片，就是一张图尽可能同时显示最亮和最暗的地方。一张hdr图实际是由不同程度曝光的多张图片合成的。所以一般hdr图片文件大小都比较大，但这类图片更有质感。

threejs加载hdr

DataTextureLoader (opens new window)用于加载二进制文件格式的(rgbe, hdr, ...)的抽象类。加载hdr用他的子类RGBELoader (opens new window)

import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
// 目标：设置环境纹理
// 加载hdr环境图
const rgbeLoader = new RGBELoader();
rgbeLoader.loadAsync("textures/hdr/002.hdr").then((texture) => {
  // 异步返回贴图，可以对贴图属性做一些更改
  texture.mapping = THREE.EquirectangularReflectionMapping;
  // 将环境的背景、环境设置成该hdr贴图
  scene.background = texture;
  scene.environment = texture;
});

参考

• 深入理解HDR，让你认识真正的HDR照片 (opens new window)