<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p>WebPのデコード処理と、画像加工に特化したベンチマークを取得してみました。</p>
<p>使い方としてかなり特殊で、特にSystem.Drawingを利用した実装はunsafeコードもゴリゴリ利用しているので、それぞれのライブラリの性能差というよりは、ゴリゴリ実装しないライブラリ任せで充分な性能が出るかどうかを見る意図だと考えてください。</p>
<p>また特にSystem.DrawingはWindows以外で利用しにくいので、クラウド環境であれば最初からImageMagickやImageSharpを利用する想定にしておいた方がいいと思います。</p>
<h1 id="%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h1>
<ul>
<li>BenchmarkDotNet v0.13.10, Windows 11 (10.0.22621.2715/22H2/2022Update/SunValley2)</li>
<li>13th Gen Intel Core i9-13900H, 1 CPU, 20 logical and 14 physical cores</li>
<li>.NET Framework 4.8.1
<ul>
<li>System.Drawing</li>
<li>Magick.NET-Q16-OpenMP-x64 13.4.0</li>
<li>SixLabors.ImageSharp 2.1.6(3系は.NET Framework非対応)</li>
</ul>
</li>
<li>.NET 8
<ul>
<li>System.Drawing.Common 8.0.0</li>
<li>Magick.NET-Q16-OpenMP-x64 13.4.0</li>
<li>SixLabors.ImageSharp 3.0.2</li>
</ul>
</li>
</ul>
<h1 id="%E5%AE%9F%E6%96%BD%E3%83%86%E3%82%B9%E3%83%88">
<a class="header-anchor-link" href="#%E5%AE%9F%E6%96%BD%E3%83%86%E3%82%B9%E3%83%88" aria-hidden="true"></a> 実施テスト</h1>
<table>
<thead>
<tr>
<th>評価内容</th>
<th>.NET Framework 4.8.1</th>
<th>.NET 8</th>
</tr>
</thead>
<tbody>
<tr>
<td>WebPデコード</td>
<td>✔</td>
<td>✔</td>
</tr>
<tr>
<td>サムネイル作成</td>
<td>✔</td>
<td></td>
</tr>
<tr>
<td>クロップ</td>
<td>✔</td>
<td></td>
</tr>
<tr>
<td>二値化</td>
<td>✔</td>
<td></td>
</tr>
</tbody>
</table>
<p>今回はもともと.NET Framework上で利用する想定だったため、基本は.NET Frameworkでのテストです。</p>
<p>ただImageSharpの3系が.NET8じゃないと使えないことから、性能差がどの程度あるのか気になったため、軽くテストはしてみました。</p>
<p>またImageSharpは.NET Frameworkでは2系しか使えず、将来性に不安があったのでWebPデコードのテストだけしています。</p>
<p>実際のコードはこちら。結構雑なコードですがご容赦ください。</p>
<ul>
<li><a href="https://github.com/nuitsjp/NuitsLabo/tree/master/WebPBenchmark" target="_blank" rel="nofollow noopener noreferrer">https://github.com/nuitsjp/NuitsLabo/tree/master/WebPBenchmark</a></li>
</ul>
<h1 id="%E8%A9%95%E4%BE%A1%E7%B5%90%E6%9E%9C">
<a class="header-anchor-link" href="#%E8%A9%95%E4%BE%A1%E7%B5%90%E6%9E%9C" aria-hidden="true"></a> 評価結果</h1>
<h2 id="webp--%3E-bitmapsource%E3%83%87%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#webp--%3E-bitmapsource%E3%83%87%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> WebP -&gt; BitmapSourceデコード</h2>
<p>ここだけ、System.DrawingがWebPに対応していないので、WPFのパッケージに含まれているSystem.Windows.Media.BitmapImageを利用しています。ちなみにSystem.Drawing.Commonも.NET 7と8ではWebPに対応してるかのようなAPIドキュメントにありますが、実際は動きませんでした。</p>
<table>
<thead>
<tr>
<th>Method</th>
<th style="text-align:right">.NET Framework 4.8.1</th>
<th style="text-align:right">.NET 8</th>
</tr>
</thead>
<tbody>
<tr>
<td>System.Windows.Media</td>
<td style="text-align:right">103.2 ms</td>
<td style="text-align:right">83.44 ms</td>
</tr>
<tr>
<td>Magick.NET</td>
<td style="text-align:right">134.1 ms</td>
<td style="text-align:right">141.69 ms</td>
</tr>
<tr>
<td>ImageSharp</td>
<td style="text-align:right">460.4 ms</td>
<td style="text-align:right">149.99 ms</td>
</tr>
</tbody>
</table>
<p>ImageSharpの.NET Framework環境の動作速度が極端に遅いです。これは2系のためで、3系である.NET8上の速度は充分に出ていると思います。</p>
<h2 id="webp--%3E-bitmap%E3%83%87%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#webp--%3E-bitmap%E3%83%87%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> WebP -&gt; Bitmapデコード</h2>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--9htv9zKW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/1e1fe1c735ceec4af93eda2b.png%3Fsha%3D3664b890c4c1a2b5c879b2f4199f3069322c6475" loading="lazy" class="md-img"></p>
<p>WebP以外のJpeg、Tiffも含まれています。</p>
<p>WebPはSystem.Drawingだと直接デコードできないので、UseWpfをtrueにしてBitmapSourceからBitmapに変換しています。</p>
<p>.NET8環境で、Windows OSに限定しない実装をしたいなら、ImageSharpが速度的に有利ですが、ややメモリのアロケートがMagick.NETの方が少ない傾向ですね。</p>
<h2 id="%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB%E4%BD%9C%E6%88%90">
<a class="header-anchor-link" href="#%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB%E4%BD%9C%E6%88%90" aria-hidden="true"></a> サムネイル作成</h2>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--wQ14lvAX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/af35c5127c0fb588c116e4ce.png%3Fsha%3D273c68c5d3cf0af15db5a3a1d4b886a84247416f" loading="lazy" class="md-img"></p>
<ul>
<li>WebPの場合
<ul>
<li>DPIをアジャストしない
<ul>
<li>BitmapSourceからScaleTransformを使うのが速度・メモリともに効率がいい。</li>
</ul>
</li>
<li>アジャストする
<ul>
<li>速度はSystem.Drawing</li>
<li>メモリーはBitmapSourceからScaleTransform</li>
</ul>
</li>
</ul>
</li>
<li>WebP以外の場合
<ul>
<li>System.Drawing</li>
</ul>
</li>
</ul>
<p>DPIアジャストしないならBitmapSourceからScaleTransformに統一するのが、複雑になりすぎなくて好みかな。</p>
<h2 id="%E3%82%AF%E3%83%AD%E3%83%83%E3%83%97">
<a class="header-anchor-link" href="#%E3%82%AF%E3%83%AD%E3%83%83%E3%83%97" aria-hidden="true"></a> クロップ</h2>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--qqFE3WWL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/0f13f2681930e5935fab80d4.png%3Fsha%3D99281f185a122a8ee8ba4dcbfb76ee9d98eb0bf2" loading="lazy" class="md-img"></p>
<p>WebP以外はSystem.Drawingが、それ以外は大きな差がありません。</p>
<p>ただ小さな領域のCrop処理の場合、ほとんどの処理はデコード時間です。私の用途では元画像がBitmapSourceなので、ロードしなおさずにCroppedBitmapを利用するのが良さそうです。</p>
<h2 id="%E5%9B%BA%E5%AE%9A%E3%81%97%E3%81%8D%E3%81%84%E5%80%A4%E3%81%AB%E3%82%88%E3%82%8B%E4%BA%8C%E5%80%A4%E5%8C%96">
<a class="header-anchor-link" href="#%E5%9B%BA%E5%AE%9A%E3%81%97%E3%81%8D%E3%81%84%E5%80%A4%E3%81%AB%E3%82%88%E3%82%8B%E4%BA%8C%E5%80%A4%E5%8C%96" aria-hidden="true"></a> 固定しきい値による二値化</h2>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--kHEZtHO_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/7e40e0aa643dd7db118af8d9.png%3Fsha%3D708f2371d50d689cbfda1f1ad6a4edf5241d4de7" loading="lazy" class="md-img"></p>
<p>Bitmapから二値化してBitmapSourceを作る処理になっています。</p>
<p>Magick.NETは元々関数で提供されているので実装が非常に容易です。</p>
<p>ただゴリゴリに手で実装したほうが速いしメモリー消費も少ないですね。浮動小数点演算を近似的に整数演算で処理したりしているので（人の目で見わけはできない）その辺の差もありそうです。</p>
<h1 id="%E5%A4%A7%E6%B4%A5%E3%81%AE%E4%BA%8C%E5%80%A4%E5%8C%96">
<a class="header-anchor-link" href="#%E5%A4%A7%E6%B4%A5%E3%81%AE%E4%BA%8C%E5%80%A4%E5%8C%96" aria-hidden="true"></a> 大津の二値化</h1>
<p><img src="https://res.cloudinary.com/zenn/image/fetch/s--P_H7NTM1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/867515086d91eb027dc234af.png%3Fsha%3Dbde29d2a19c4bc19afba144a491f4597041ea011" loading="lazy" class="md-img"></p>
<p>二値化時のしきい値を、大津さん考案の（画像処理業界では超一般的）アルゴリズムで自動計算して二値化した感じ。</p>
<p>Magick.NETはこれも関数で用意されていて、実装が非常に楽です。</p>
<p>処理速度の傾向は固定値の二値化と同じ感じ。</p>
<h1 id="%E8%80%83%E5%AF%9F">
<a class="header-anchor-link" href="#%E8%80%83%E5%AF%9F" aria-hidden="true"></a> 考察</h1>
<p>とりあえず分かったことは</p>
<ul>
<li>個別に特化したチューニングしているとクライアントPC上ではSystem.DrawingやSystem.Windows.Media.Imagingのほうが速くは作れる</li>
<li>実装自体は圧倒的にMagick.NETが楽</li>
<li>ImageSharpは3系統は速度的にもMagick.NETと同等で.NETネイティブとしては素晴らしい速度が出ているが、.NET Frameworkでは3系統がサポートされておらず厳しい。</li>
</ul>
<p>以上です。</p>


Magick.NETとImageSharpとSystem.Drawingの性能評価してみた

Discussion