Home 零对冲(ZeroHedge)每日HackerNews

HDRify：纯JavaScript实现的真HDR图像查看器和工具集。
HDRify: True HDR image viewer, and tool set in pure JavaScript

原始链接: https://hdrify.benhouston3d.com/?image=%2Fexamples%2Fmoonless_golf_1k.hdr

## HDRify：一个 JavaScript HDR 图像工具 HDRify 是一个纯 JavaScript 库，用于处理高动态范围 (HDR) 图像。它允许用户在 Web 浏览器或 Node.js 环境中直接读取、写入和操作 HDR（Radiance RGBE）、EXR 和 JPEG-R 等格式的图像。 主要功能包括在兼容浏览器（如 Chrome）上进行真正的 HDR 显示，支持各种 EXR 压缩方法，以及一系列色调映射算子（ACES、Reinhard 等）。HDRify 专为效率而设计，支持 tree-shaking，从而最大限度地减小 Web 部署的文件大小。 一个命令行界面 `hdrify-cli` 也可用，用于批量处理和图像检查。这使得 HDRify 成为开发人员在 Web 和服务器端应用程序中处理 HDR 图像的多功能工具。

## HDRify：一个 JavaScript HDR 图像查看器 HDRify 是开发者 bhouston 创建的一个新的、纯 JavaScript 工具，用于查看真正的 HDR 图像。虽然它在 Chrome 中运行效果最佳，但开发者指出与 Safari 存在兼容性问题——具体来说，Safari 不允许在 Canvas 对象中设置浮点数据，从而阻碍了对 HDR 的完全支持。 一位用户评论说，HDR 内容在某些显示器上可能显得过暗，这可能是一个 Mac 特有的问题，在使用 SDR 容器处理 HDR 时出现。然而，bhouston 报告说，在他们的 MacBook M3 显示器和 HDR 外接显示器上都能成功查看 HDR 图像（亮度高于白色），这表明问题并非普遍存在，可能与设置有关。 该项目可在 benhouston3d.com 上找到，其代码可在 GitHub 上找到。
相关文章
原文

This is a web demo of the HDRify library, which can read/write HDR, EXR, and JPEG-R and apply tone mapping transformations.

Examples

Drop EXR or HDR here

or click to select a file.

Or load an example image by clicking the Examples dropdown.

  • Formats: Supports HDR (Radiance RGBE), EXR (OpenEXR), and Ultra HDR / Ultra JPG (JPEG with gain maps).
  • True HDR display: On compatible browsers (mainly Chrome at this time), the viewer can display images in true HDR when you choose “Direct HDR” in the tone mapping dropdown.
  • Pure JavaScript: Read and write these formats in pure JavaScript—no native bindings. Works in Node.js and in the browser.
  • Tree-shaking friendly: The library is written in a functional style to maximize tree-shaking and keep deployment sizes small.
  • EXR compression: Read and write EXR with no compression, RLE, ZIPS, ZIP, PIZ, and PXR24 (Pixar 24-bit).
  • Tone mapping: ACES, Reinhard, Khronos Neutral, and AgX (Blender).
  • CLI: A command-line tool is available for batch conversion and inspection: hdrify-cli on npm.
联系我们 contact @ memedata.com