<h2 id="%E5%88%9D%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%88%9D%E3%82%81%E3%81%AB" aria-hidden="true"></a> 初めに</h2>
<p data-line="1" class="code-line">以前にこのような360度の画像はHDRIであるhdr/exrファイルとして保存するのが適切であると学びました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6d2a0ed29ce5-20251128.png" alt="" class="md-img" loading="lazy"></p>
<p data-line="4" class="code-line">実際にこのフリー画像が掲載されているサイトからダウンロードする際はhdr/exr形式で保存されます。</p>
<p data-line="6" class="code-line">AIに聞いてみるとHDRIとは「人間の目に見えるような、明るい部分から暗い部分まで、非常に広い範囲の輝度（明るさ）情報を記録した画像」だそうですが、いまいちピンと来ないので詳しく見てみました。</p>
<h2 id="%E6%AF%94%E8%BC%83%E3%81%97%E3%81%A6%E3%81%BF%E3%82%8B" data-line="8" class="code-line">
<a class="header-anchor-link" href="#%E6%AF%94%E8%BC%83%E3%81%97%E3%81%A6%E3%81%BF%E3%82%8B" aria-hidden="true"></a> 比較してみる</h2>
<p data-line="9" class="code-line">これスクリーンショットだとpngファイルになってしまうので違いがわかりませんが、上のHDRIと下のpngファイルだとランプの明るさが違っています。HDRIの方はより輝いていました。<br>
hdr/exrファイルはアップロードできないみたいです。。</p>
<p data-line="12" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/cad3c92e3851-20251128.png" alt="" class="md-img" loading="lazy"></p>
<h2 id="hdri%E3%81%A8%E3%81%AF" data-line="14" class="code-line">
<a class="header-anchor-link" href="#hdri%E3%81%A8%E3%81%AF" aria-hidden="true"></a> HDRIとは</h2>
<p data-line="15" class="code-line">ではこのHDRIですが、主に二つの特徴があります。</p>
<h3 id="rgb%E3%82%9216bit%E3%81%A7%E8%A1%A8%E7%8F%BE%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B" data-line="17" class="code-line">
<a class="header-anchor-link" href="#rgb%E3%82%9216bit%E3%81%A7%E8%A1%A8%E7%8F%BE%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B" aria-hidden="true"></a> RGBを16bitで表現している</h3>
<p data-line="19" class="code-line">通常のRGBは#FFFFF（白）のように8bitで表しますが、HDRIでは16bitを使っているみたいです。<br>
そのおかげでより現実世界に近い色を表現できます。<br>
リアルの世界は階調が無限ですからね。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c0d6194ca4d4-20251128.png" alt="" class="md-img" loading="lazy">[<a href="https://www.geeksforgeeks.org/electronics-engineering/difference-between-8-bit-and-16-bit-color-format-in-dip/" target="_blank" rel="nofollow noopener noreferrer">https://www.geeksforgeeks.org/electronics-engineering/difference-between-8-bit-and-16-bit-color-format-in-dip/</a>]</p>
<h3 id="%E5%80%A4%E3%82%92float%E3%81%A7%E8%A1%A8%E7%8F%BE%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B" data-line="24" class="code-line">
<a class="header-anchor-link" href="#%E5%80%A4%E3%82%92float%E3%81%A7%E8%A1%A8%E7%8F%BE%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B" aria-hidden="true"></a> 値をfloatで表現している</h3>
<p data-line="26" class="code-line">通常のRGBでは#FFFFFF（白）や#000000（黒）のように0~255の整数（integer）で色を表しますが、HDRIでは浮動小数点（float）で表現します。</p>
<p data-line="28" class="code-line">integerでの表現だと例えば16bitだとして0~65535で表せても正規化すると 0〜1.0に圧縮するので元が65535以上の数だと白飛び（一定以上の明るさは全部白になる）が起こってしまいます。</p>
<p data-line="30" class="code-line">↓白飛びの例<br>
<img src="https://storage.googleapis.com/zenn-user-upload/506bc35767ca-20251128.jpg" alt="" class="md-img" loading="lazy"></p>
<p data-line="33" class="code-line">対してfloatだとintegerでいう0~65535までを+-1で表せれて、そこからさらに+-65535まで明るさを表現できます。<br>
輝度は太陽光が(10^6)で夜空が(10^{-6})なので0~1だとかなり足りないですね。</p>
<p data-line="36" class="code-line">こちらのサイトの解説が非常に分かりやすかったです。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a2e18e33cf6c" src="https://embed.zenn.studio/card#zenn-embedded__a2e18e33cf6c" data-content="https%3A%2F%2Fsproutmel.blogspot.com%2F2015%2F02%2Fphotoshophdri-1.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://sproutmel.blogspot.com/2015/02/photoshophdri-1.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://sproutmel.blogspot.com/2015/02/photoshophdri-1.html</a></p>
<p data-line="39" class="code-line">このおかげで比較した時のような輝度を感じることができたみたいですね。<br>
特に輝度に関しては違いを実感するために試しにダウンロードして見てみるといいと思います。ランプの眩しさが伝わってきました。↓<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__389a0494b79ad" src="https://embed.zenn.studio/card#zenn-embedded__389a0494b79ad" data-content="https%3A%2F%2Fpolyhaven.com%2Fa%2Fwarm_restaurant_night" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://polyhaven.com/a/warm_restaurant_night" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://polyhaven.com/a/warm_restaurant_night</a></p>
<h2 id="%E5%8F%82%E8%80%83%E3%81%AB%E3%81%95%E3%81%9B%E3%81%A6%E3%82%82%E3%82%89%E3%81%A3%E3%81%9F%E8%A8%98%E4%BA%8B" data-line="43" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%81%AB%E3%81%95%E3%81%9B%E3%81%A6%E3%82%82%E3%82%89%E3%81%A3%E3%81%9F%E8%A8%98%E4%BA%8B" aria-hidden="true"></a> 参考にさせてもらった記事</h2>
<p data-line="44" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__393599469cbda" src="https://embed.zenn.studio/card#zenn-embedded__393599469cbda" data-content="https%3A%2F%2Fknowledge.shade3d.jp%2Fknowledgebase%2F%25E3%2582%25A4%25E3%2583%25A1%25E3%2583%25BC%25E3%2582%25B8%25EF%25BC%2588%25E7%2594%25BB%25E5%2583%258F%25EF%25BC%2589%25E3%2581%25AE%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB%25E3%2583%2595%25E3%2582%25A9%25E3%2583%25BC%25E3%2583%259E%25E3%2583%2583%25E3%2583%2588%25E3%2581%25AF%25E3%2581%25A9%25E3%2582%258C" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://knowledge.shade3d.jp/knowledgebase/%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%EF%BC%88%E7%94%BB%E5%83%8F%EF%BC%89%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88%E3%81%AF%E3%81%A9%E3%82%8C" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://knowledge.shade3d.jp/knowledgebase/イメージ（画像）のファイルフォーマットはどれ</a></p>
<p data-line="46" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__bb4cff75c6c4f" src="https://embed.zenn.studio/card#zenn-embedded__bb4cff75c6c4f" data-content="http%3A%2F%2Fvig.is.env.kitakyu-u.ac.jp%2Fetc%2Fhdri.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="http://vig.is.env.kitakyu-u.ac.jp/etc/hdri.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">http://vig.is.env.kitakyu-u.ac.jp/etc/hdri.html</a></p>


ハイダイナミックレンジイメージ（HDRI）とは何か？

Discussion