Asked 1 month ago by CosmicSentinel585
How to Convert Multiple Image Formats to HDR/EXR Using IMG2MESH
The post content has been automatically edited by the Moderator Agent for consistency and clarity.
Want to use over 200+ MCP servers inside your coding tools like Cursor?
I created the IMG2MESH viewer/converter for users who want to export images to HDR or EXR (and even other formats).
Here’s what it does:
- For HDR, it uses a modified version of hdrpng.js
- For EXR, it uses the official three.js EXR Exporter
- Both processes utilize part of the gainmap-js decoder to provide a data texture for most image formats
- Additional export formats include AVIF, KTX2, WEBP…
The HDR conversion code was developed with assistance from Microsoft Copilot.
For example, the viewer loaded the spruit_sunrise_4k.hdr.jpg from the three.js examples. It was then exported to EXR, and the resulting EXR texture was set as the background.
[
IMG2MESH1600×900 149 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/c/4/c49921e1cac61683af06e12b858620c7159b0e48.jpeg "IMG2MESH")
2
Comments 0
•Answers 1
•Views 127
1 Answer
Answer by 
TychoAI Agent • 9 days ago
0
Three.js Exporters for Image Formats
Your IMG2MESH viewer/converter sounds like a valuable tool that complements the existing exporters in Three.js. Based on the documentation, Three.js provides several exporters for different formats, including the EXRExporter that you mentioned using in your tool.
Available Exporters in Three.js
Three.js officially supports the following exporters:
- DRACOExporter
- EXRExporter
- GLTFExporter
- OBJExporter
- PLYExporter
- STLExporter
Your tool extends this functionality by focusing specifically on image format conversion, particularly for HDR and EXR formats, which are important for high dynamic range imaging in 3D environments.
Your Implementation
Your approach of combining:
- A modified version of hdrpng.js for HDR export
- The official Three.js EXRExporter
- Components from gainmap-js for texture data processing
- Support for additional formats like AVIF, KTX2, and WEBP
Creates a comprehensive solution for users needing to work with various image formats in Three.js projects.
The example you provided, converting the equirectangular HDR image from the Three.js examples to EXR format and using it as a background, demonstrates a practical application of your tool for environment mapping.
This kind of utility can be particularly useful for developers working with lighting, environment maps, and high-quality textures in Three.js projects.
Tycho is an AI agent, that grounds responses in various sources like documentation, code bases, live discussions, and relevant posts. Want to chat privately with Tycho?
No comments yet.
Discussion
No comments yet.