無料 HDRIビューア

2:1の正距円筒(エクイレクタングラー)HDRIを、本物の360°球体でオンライン表示——.hdrや.exrをページにドラッグし、露出スライダーを動かし、解像度を確認できます。すべて自分の端末の中だけで完結します。

ひとつのHDRIビューアで .hdr と .exr をオンラインで開く

サムネイルではない、本物のHDRデコード

あなたのRadiance .hdrやOpenEXR .exrはリニアな浮動小数点にデコードされます。このHDRIビューアはそのデータをリアルタイムでトーンマッピングするので、1つの固定露出で焼き付けられたプレビューではなく、本物のファイルを判断できます。

自由に見回せる360°球体

ファイルはインタラクティブなHDRI 360ビューアとして開きます:ドラッグで見回し、スクロールでズーム、ミニマップでどちらを向いているか確認できます。平面のサムネイルでは継ぎ目と頭上の空が隠れてしまいますが、球体のHDR画像ビューアなら両方とも確認できます。

内蔵の露出コントロール

1本のスライダーでビューを−6から+6EVまで動かせます。下げれば太陽の円盤にディテールが残っているか、上げれば影側を読み取れます。

3種類のトーンマッピングカーブ

リニアは硬くクリップし、ハイライトが本当にどこにあるかを教えます。Reinhardはなだらかにロールオフします。ACESは多くのエンジンが標準で採用するフィルムのようなコントラストを加えます。

解像度と2:1チェック

情報パネルはピクセル寸法を表示し、画像が正確に2:1の正距円筒かどうかを示し、ピーク輝度を推定します——これらの数値が、そのHDRIでシーンをライティングできるかを左右します。

無料・ローカル・アカウント不要

デコードはあなたの端末上のWeb Workerで実行されます。何もアップロードされず、サインインやクレジットも不要——このHDRビューアは好きなだけ無料で使えます。

4ステップでHDRIをオンライン表示

  1. 1. .hdr または .exr をドロップ

    Radiance .hdrまたはOpenEXR .exrを上のボックスにドラッグするか、クリックして選択します。最大50MBのファイルはディスクから直接読み込まれます——アップロードも待ち行列もありません。

  2. 2. 球体を見回す

    HDRIが完全な360°環境として表示されます。ドラッグで回転し、スクロールでズームし、ミニマップで向いている方向を確認できます。

  3. 3. 露出とカーブを設定

    露出スライダーを動かし、トーンマッピングの演算子を切り替えて、ハイライトとシャドウの両方が読み取れるようにします。どちらもビューファインダーの操作にすぎません——ディスク上のファイルが書き換えられることはありません。

  4. 4. 情報パネルを確認

    このHDRIをレンダーに使う前に、解像度・2:1バッジ・ピーク輝度を確認しましょう——それからキューブマップへ送るか、新しいものを生成してください。

露出コントロール付きのHDRI 360ビューア

HDRIは単なる画像ではなく、測定データです:ピクセル値は1.0をはるかに超えて続き、モニターは一度にその範囲のごく狭い窓しか表示できません。だからこそHDRI 360ビューアには露出コントロールが必要です。スライダーは0.1段刻みで−6から+6EVまで窓を動かし、そのたびに球体はキャッシュされたJPEGからではなく、デコード済みの浮動小数点データから再レンダリングされます。6段落とせば、撮影された太陽は硬くて明るい円盤のままですが、トーンマッピングだけで作られた偽物はのっぺりしたグレーに潰れてしまいます。

3種類のカーブはそれぞれ違う問いに答えます。リニアは正直なカーブです:掛け算してクリップするだけなので、白飛びしたものは本当に選んだ窓の外にあるということです。Reinhardは上端をなだらかに圧縮し、空にまだグラデーションが残っているかを示します。ACESはUnreal・Unity・Blenderが標準で使うフィルムのようなSカーブを適用します。この3つはすべて、このHDRビューアの中だけの表示上の計算です——ディスク上のバイトには一切触れません。

使う前にHDRIの解像度とダイナミックレンジを確認

HDRIの問題の大半は3つの数値に現れます。このHDRビューアはファイルがデコードされ次第、その3つをすべて表示します。解像度はヘッダーから取得するので、通常の画像ビューアでは開けないファイルでも確認できます。アスペクト比バッジは、画像が高さのちょうど2倍の幅かどうかを示します——正距円筒投影が球体にきれいにマッピングされる唯一の形です。ピーク輝度は、最も明るいピクセルがディフューズホワイトをどれだけ超えているかを推定します——実写の空とアップスケールされた8bit画像を見分ける最も速い方法です。

これは入り口のチェックとして読んでください。2KのHDRIは純粋なライティング用としては問題ありませんが、目に見える背景として使うとぼやけます。4Kがそのサイズに見合うのは、カメラが空を捉えている場合だけです。ピークが2〜3であれば、ファイル名がどうであれローダイナミックレンジのソースです。ピークが数百あれば、本物の太陽が写っています。

パネルが示すもの意味すること確認すべきこと
解像度ファイルヘッダーから取得したピクセルの幅×高さ空が写っているなら4096×2048以上
2:1バッジ画像が高さのちょうど2倍の幅かどうかそれ以外は球体でもエンジンでも引き伸ばされます
ピーク輝度最も明るいピクセルがディフューズホワイトの何倍明るいか一桁ならソフトな光、数百なら本物の太陽

オンラインEXRビューア:.exrと.hdrを並べて比較

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ビューアは通常、最初のステップです。球体が正しく見えたら、HDRIキューブマップツールが同じ.hdrや.exrを、Unity・Three.js・OpenGL向けの6枚の浮動小数点キューブ面に分割し、今チェックしたレンジをそのまま保持します。ファイルの出来に満足できなければ、AI HDRI作成ツールがテキストプロンプトから新しいRadiance .hdrを書き出し、それが同じチェックのためにここへ戻ってきます。

あなたの画像が8bitのJPG・PNG・WebPなら、このHDRIビューアはあえてそれを受け付けません——ローダイナミックレンジのパノラマは、そのために作られた360度パノラマビューアの担当です。実測ではなく、ゲームですぐ使える空が必要なときは、スカイボックスジェネレーターがプロンプトから360°環境を作ります。

HDRIビューア——よくある質問

Photoshopなしで.hdrファイルを開くには?

.hdrファイルは、このブラウザベースのHDRIビューアで何もインストールせずに開けます:ページにドラッグすれば、ローカルで360°ビューにデコードされます。Photoshopやblenderが必要なのはファイルを編集するときだけで、確認するだけなら不要です。

Windowsで.exrファイルを開けますか?

はい——オンラインEXRビューアはWindows・macOS・Linux・ChromeOSで同じように動作します。デコードがOSの画像アプリではなくブラウザ内で行われるためです。Windowsには.exrの標準プレビューがないので、ブラウザタブが中身を見る一番手早い方法です。

このHDRIビューアは無料ですか?

はい、このHDRIビューアは無料で、アカウントもクレジットもサインインも不要です。ファイルはあなた自身の端末でデコードされるため、転嫁すべきサーバーコストがなく、50MBの上限以外に制限はありません。

露出スライダーは自分のHDRIファイルを変更しますか?

いいえ——露出とトーンマッピングは表示専用のコントロールです。デコード済みのピクセルがcanvasにどう描かれるかを変えるだけで、ディスク上の.hdrや.exrが書き換えられることはなく、このページにエクスポート機能もありません。

なぜ自分のHDRIが360ビューで引き伸ばされて見えるのですか?

HDRIが正確に2:1の正距円筒でない場合、引き伸ばされて見え、情報パネルはアンバー色のバッジでそれを示します。正距円筒投影は高さのちょうど2倍の幅を前提としているため、16:9や正方形のファイルは押しつぶされてしまいます。

ピーク輝度は何を教えてくれますか?

ピーク輝度は、HDRI内で最も明るいピクセルがディフューズホワイト(1.0)の何倍明るいかを推定します。一桁ならソフトにライティングするローダイナミックレンジのソースで、数百なら画面内に実写の太陽があることを意味します。

自分のHDRIはサーバーにアップロードされますか?

いいえ、このHDRビューアの処理はすべて端末内で完結します。ファイルはブラウザのFile APIで読み込まれ、Web Worker内でデコードされます。ネットワーク越しに何かが送信されることはありません。

このビューアはどれくらい大きいHDRIを開けますか?

このHDRIビューアは最大50MBのファイル、最大8192×4096ピクセルの画像に対応します。浮動小数点データはメモリ上で展開すると大きくなるため、この上限がタブの応答性を保っています。