2:1の正距円筒(エクイレクタングラー)HDRIを、本物の360°球体でオンライン表示——.hdrや.exrをページにドラッグし、露出スライダーを動かし、解像度を確認できます。すべて自分の端末の中だけで完結します。
あなたのRadiance .hdrやOpenEXR .exrはリニアな浮動小数点にデコードされます。このHDRIビューアはそのデータをリアルタイムでトーンマッピングするので、1つの固定露出で焼き付けられたプレビューではなく、本物のファイルを判断できます。
ファイルはインタラクティブなHDRI 360ビューアとして開きます:ドラッグで見回し、スクロールでズーム、ミニマップでどちらを向いているか確認できます。平面のサムネイルでは継ぎ目と頭上の空が隠れてしまいますが、球体のHDR画像ビューアなら両方とも確認できます。
1本のスライダーでビューを−6から+6EVまで動かせます。下げれば太陽の円盤にディテールが残っているか、上げれば影側を読み取れます。
リニアは硬くクリップし、ハイライトが本当にどこにあるかを教えます。Reinhardはなだらかにロールオフします。ACESは多くのエンジンが標準で採用するフィルムのようなコントラストを加えます。
情報パネルはピクセル寸法を表示し、画像が正確に2:1の正距円筒かどうかを示し、ピーク輝度を推定します——これらの数値が、そのHDRIでシーンをライティングできるかを左右します。
デコードはあなたの端末上のWeb Workerで実行されます。何もアップロードされず、サインインやクレジットも不要——このHDRビューアは好きなだけ無料で使えます。
Radiance .hdrまたはOpenEXR .exrを上のボックスにドラッグするか、クリックして選択します。最大50MBのファイルはディスクから直接読み込まれます——アップロードも待ち行列もありません。
HDRIが完全な360°環境として表示されます。ドラッグで回転し、スクロールでズームし、ミニマップで向いている方向を確認できます。
露出スライダーを動かし、トーンマッピングの演算子を切り替えて、ハイライトとシャドウの両方が読み取れるようにします。どちらもビューファインダーの操作にすぎません——ディスク上のファイルが書き換えられることはありません。
このHDRIをレンダーに使う前に、解像度・2:1バッジ・ピーク輝度を確認しましょう——それからキューブマップへ送るか、新しいものを生成してください。
HDRIは単なる画像ではなく、測定データです:ピクセル値は1.0をはるかに超えて続き、モニターは一度にその範囲のごく狭い窓しか表示できません。だからこそHDRI 360ビューアには露出コントロールが必要です。スライダーは0.1段刻みで−6から+6EVまで窓を動かし、そのたびに球体はキャッシュされたJPEGからではなく、デコード済みの浮動小数点データから再レンダリングされます。6段落とせば、撮影された太陽は硬くて明るい円盤のままですが、トーンマッピングだけで作られた偽物はのっぺりしたグレーに潰れてしまいます。
3種類のカーブはそれぞれ違う問いに答えます。リニアは正直なカーブです:掛け算してクリップするだけなので、白飛びしたものは本当に選んだ窓の外にあるということです。Reinhardは上端をなだらかに圧縮し、空にまだグラデーションが残っているかを示します。ACESはUnreal・Unity・Blenderが標準で使うフィルムのようなSカーブを適用します。この3つはすべて、このHDRビューアの中だけの表示上の計算です——ディスク上のバイトには一切触れません。
HDRIの問題の大半は3つの数値に現れます。このHDRビューアはファイルがデコードされ次第、その3つをすべて表示します。解像度はヘッダーから取得するので、通常の画像ビューアでは開けないファイルでも確認できます。アスペクト比バッジは、画像が高さのちょうど2倍の幅かどうかを示します——正距円筒投影が球体にきれいにマッピングされる唯一の形です。ピーク輝度は、最も明るいピクセルがディフューズホワイトをどれだけ超えているかを推定します——実写の空とアップスケールされた8bit画像を見分ける最も速い方法です。
これは入り口のチェックとして読んでください。2KのHDRIは純粋なライティング用としては問題ありませんが、目に見える背景として使うとぼやけます。4Kがそのサイズに見合うのは、カメラが空を捉えている場合だけです。ピークが2〜3であれば、ファイル名がどうであれローダイナミックレンジのソースです。ピークが数百あれば、本物の太陽が写っています。
| パネルが示すもの | 意味すること | 確認すべきこと |
|---|---|---|
| 解像度 | ファイルヘッダーから取得したピクセルの幅×高さ | 空が写っているなら4096×2048以上 |
| 2:1バッジ | 画像が高さのちょうど2倍の幅かどうか | それ以外は球体でもエンジンでも引き伸ばされます |
| ピーク輝度 | 最も明るいピクセルがディフューズホワイトの何倍明るいか | 一桁ならソフトな光、数百なら本物の太陽 |
Radiance .hdrとOpenEXR .exrはどちらもハイダイナミックレンジを運びますが、格納方法が異なります——このページは両方を読み込めます。.hdrは1ピクセルあたり3つの8bit仮数部と共有の指数部(RGBE)を詰め込みます——コンパクトですが、極端な値ではロッシーです。.exrは各チャンネルに本物の16bitまたは32bitのfloatを保存します。EXRビューアとして、このツールはhalf floatを32bitに拡張し、輝度のみのファイルを4チャンネルに展開するので、どちらも同じ球体に収まります。
人々がオンラインEXRビューアを探すもう一つの理由はOSです。WindowsにはOpenEXRの標準プレビューがなく、デスクトップアプリはRadiance .hdrの扱いがバラバラで、環境マップをちょっと見るためだけにBlenderをインストールするのは大げさすぎる答えです。デコーダーがページと一緒に読み込まれるため、ブラウザベースのHDR画像ビューアはWindows・macOS・Linux・ChromeOSで同じように動作します。
HDRIビューアは通常、最初のステップです。球体が正しく見えたら、HDRIキューブマップツールが同じ.hdrや.exrを、Unity・Three.js・OpenGL向けの6枚の浮動小数点キューブ面に分割し、今チェックしたレンジをそのまま保持します。ファイルの出来に満足できなければ、AI HDRI作成ツールがテキストプロンプトから新しいRadiance .hdrを書き出し、それが同じチェックのためにここへ戻ってきます。
あなたの画像が8bitのJPG・PNG・WebPなら、このHDRIビューアはあえてそれを受け付けません——ローダイナミックレンジのパノラマは、そのために作られた360度パノラマビューアの担当です。実測ではなく、ゲームですぐ使える空が必要なときは、スカイボックスジェネレーターがプロンプトから360°環境を作ります。
.hdrファイルは、このブラウザベースのHDRIビューアで何もインストールせずに開けます:ページにドラッグすれば、ローカルで360°ビューにデコードされます。Photoshopやblenderが必要なのはファイルを編集するときだけで、確認するだけなら不要です。
はい——オンラインEXRビューアはWindows・macOS・Linux・ChromeOSで同じように動作します。デコードがOSの画像アプリではなくブラウザ内で行われるためです。Windowsには.exrの標準プレビューがないので、ブラウザタブが中身を見る一番手早い方法です。
はい、このHDRIビューアは無料で、アカウントもクレジットもサインインも不要です。ファイルはあなた自身の端末でデコードされるため、転嫁すべきサーバーコストがなく、50MBの上限以外に制限はありません。
いいえ——露出とトーンマッピングは表示専用のコントロールです。デコード済みのピクセルがcanvasにどう描かれるかを変えるだけで、ディスク上の.hdrや.exrが書き換えられることはなく、このページにエクスポート機能もありません。
HDRIが正確に2:1の正距円筒でない場合、引き伸ばされて見え、情報パネルはアンバー色のバッジでそれを示します。正距円筒投影は高さのちょうど2倍の幅を前提としているため、16:9や正方形のファイルは押しつぶされてしまいます。
ピーク輝度は、HDRI内で最も明るいピクセルがディフューズホワイト(1.0)の何倍明るいかを推定します。一桁ならソフトにライティングするローダイナミックレンジのソースで、数百なら画面内に実写の太陽があることを意味します。
いいえ、このHDRビューアの処理はすべて端末内で完結します。ファイルはブラウザのFile APIで読み込まれ、Web Worker内でデコードされます。ネットワーク越しに何かが送信されることはありません。
このHDRIビューアは最大50MBのファイル、最大8192×4096ピクセルの画像に対応します。浮動小数点データはメモリ上で展開すると大きくなるため、この上限がタブの応答性を保っています。