<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
	<id>https://twiki.yo-net.jp/index.php?action=history&amp;feed=atom&amp;title=2%E6%AC%A1%E5%85%83%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86</id>
	<title>2次元画像処理 - 版の履歴</title>
	<link rel="self" type="application/atom+xml" href="https://twiki.yo-net.jp/index.php?action=history&amp;feed=atom&amp;title=2%E6%AC%A1%E5%85%83%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86"/>
	<link rel="alternate" type="text/html" href="https://twiki.yo-net.jp/index.php?title=2%E6%AC%A1%E5%85%83%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86&amp;action=history"/>
	<updated>2026-04-05T02:05:27Z</updated>
	<subtitle>このウィキのこのページに関する変更履歴</subtitle>
	<generator>MediaWiki 1.38.2</generator>
	<entry>
		<id>https://twiki.yo-net.jp/index.php?title=2%E6%AC%A1%E5%85%83%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86&amp;diff=132&amp;oldid=prev</id>
		<title>Yo-net: ページの作成:「言語と開発環境へ戻る。   == '''概要''' == 画像処理には、大きく分けて2種類の分野について理解が必要となると思います。   *画像種類別によるエンコードおよびデコード技術の理解 *RGB表示系での画像描画処理および編集技術の理解   文章で表現するとすごく短い言葉ですが、この２つを理解することがいかに困難で…」</title>
		<link rel="alternate" type="text/html" href="https://twiki.yo-net.jp/index.php?title=2%E6%AC%A1%E5%85%83%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86&amp;diff=132&amp;oldid=prev"/>
		<updated>2022-09-26T02:42:38Z</updated>

		<summary type="html">&lt;p&gt;ページの作成:「&lt;a href=&quot;/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8#言語と開発環境&quot; title=&quot;メインページ&quot;&gt;言語と開発環境&lt;/a&gt;へ戻る。   == &amp;#039;&amp;#039;&amp;#039;概要&amp;#039;&amp;#039;&amp;#039; == 画像処理には、大きく分けて2種類の分野について理解が必要となると思います。   *画像種類別によるエンコードおよびデコード技術の理解 *RGB表示系での画像描画処理および編集技術の理解   文章で表現するとすごく短い言葉ですが、この２つを理解することがいかに困難で…」&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;[[メインページ#言語と開発環境|言語と開発環境]]へ戻る。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== '''概要''' ==&lt;br /&gt;
画像処理には、大きく分けて2種類の分野について理解が必要となると思います。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*画像種類別によるエンコードおよびデコード技術の理解&lt;br /&gt;
*RGB表示系での画像描画処理および編集技術の理解&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
文章で表現するとすごく短い言葉ですが、この２つを理解することがいかに困難で高い壁であるかということは想像に絶するところがあると思います。エンコードデコードについてはBMP形式だけを理解するのであれば、ちょっとしたコンピュータ処理技術を理解していれば、なんとか理解できなくもないレベルですが、JPEGやPNGあるいはGIFのような画像圧縮と呼ばれる技術を利用している場合は大学レベルを超えて、博士号取得レベルの数学知識が必要になってきます。個々の数学的要素は大学で習得できるレベルですが応用していくという点においては誰も教えてくれない、研究の上に研究を重ねなければならないものです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
うまくエンコード・デコードをブラックボックス技術として理解し、活用するだけに専念するにしても、どういう圧縮方式があるのか？ということぐらいは理解しなければならないので、それだけでもかなり難しいと感じる人もいるかもしれません。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
エンコード・デコードはとにかくコツコツと理解し、普段なにげなく使っている画像ファイルの構造をバイナリ形式の目線で眺め、紐解いていく作業になります。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
エンコードやデコードの技術の理解を乗り越えたとして、RGB形式のようなR赤8ビット、G緑8ビット、B青8ビットの合計24bitで1ピクセルを表示する方式によるカラー画像表示のある大きさnピクセル×mピクセルの2次元配列で管理された画像を編集する技術やその領域をデカルト座標系のような幾何学を利用した線や円、微分、積分による線、面、空間における計算。線形代数のような学問とも触れ合いながら、ち密に表示画像を編集したり、配列に格納された値を書き換えたりしながら画面表示を制御しなければなりません。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ここでは、TIFF・BMP・JPEG・GIF・PNG・RAW形式のエンコード・デコードに関する考え方や具体的な手法を記述したり、2次元の範囲の幾何学を利用した図形描画や図形操作・画像処理について記述したいと思います。たぶんJPEGあたりの記事を書き始めたら終わらないと思うので、せいぜい頑張ってもそのあたりで右往左往していることでしょう。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
画像処理のTop記事として、かるくJPEGの技術に触れておきましょう。こういう記事を読まれている人ならBMP形式くらいは、なんとなく理解されていると思っています。で、JPEGなんですけど、画像を開くだけでもかなりすごい計算がされています。なんつうか、数学のすごさ、美しさ、コンピュータの計算の速さ、すべてがあいまって、私たちは日々、エロ画像いや画像を閲覧することができています。SNSなんかに画像を気軽にアップロードできます。BMP形式のままだとファイルサイズはJPEGのおよそ20倍くらいになると思います。ちなみにBMPの画像の横と縦のピクセル数の限界値は16ビットの2進数で表せる最大値に1を加えた65536ピクセルあたりが制限にあったりします。十分おおきくみたこともない大きさの画像だと思います。近頃よく流通している画素数の大きいPCの画面の大きさはFullHDで1920x1080ですから、Retinaディスプレイとか4Kディスプレイでも、その倍くらいのピクセルなんで65535は相当大きいですよね。ちなみに縦65535x横65535xRGB3バイトで12884508675バイトつまり1枚あたり12GByteだったり…&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ちなみにJPEGでもファイルを開いたときは、メモリ上ではBMPの形式のような状態に戻して表示されています。実はメモリ負荷的にはやばいっす。それはおいておいても、ハードディスク上に保存する際は圧縮されて保存できるというわけです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
したがって&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
JPEG(保存形式)　→　デコード　→　BMP RGB系(表示・画像処理)　→　エンコード　→　JPEG(保存形式)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
こういうイメージが必要です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
で、JPEGエンコードとかデコードって何やってんの？ってことなんですけど、BMPのようなRGB系で管理された画像配列をエンコードしてJPEGの形式にするには以下のような処理を実施しています。何をやっているかの説明はしないのでここでは理解しなくてよいと思います。どんな感じのことをやっているかをなんとなしにしってもらえればと思っています。ここではよくやられているJPEGの書き込み時の圧縮方法についての流れを少しふれます。最近はよくやられていないJPEG圧縮手法もあと何個かくらいあります。プログレッシブとかSpatialとかロスレスとか算術符号化とかですかね。要するに以下の方法だけではないですが、と付け加えたいということです。まぁでもおおまかには以下のようなことをやっています。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*RGB系からYUV系(輝度・色差UとV)へ変換&lt;br /&gt;
*16ピクセルx16ピクセルのブロックごとにYUV1～YUV12という構成要素の配列に変換する。YUV1～4が輝度情報Yに関する演算、5～8が色差Uに関する演算、9～12が色差Vに関する演算。間引きという手法で考えれば、YUV4:1:1間引きでは情報は8ピクセルｘ8ピクセルに集約されます。輝度情報が大事で色さ情報が間引かれても人間にはわからない。そういうことらしいです。間引きしない場合は8ピクセルx8ピクセルのブロックごとに画像全体に対して、以降の処理が逐次処理されます。&lt;br /&gt;
*DCT(離散コサイン変換)YUV1～12をDCT1～12という構成要素に変換。間引いている場合は要素数は12→6にまで減ります。以下同じです。&lt;br /&gt;
*DCT1～12を量子化してDCT_量子化1～12という構成要素に変換。このときY輝度変換テーブル64要素とUV色差変換テーブル64要素を利用。StepSizeつまりは量子化の分解能の係数をあたえるのですが、これが次の符号化で圧縮率を変化させます。&lt;br /&gt;
*DCT_量子化1～12という構成要素をハフマン符号化という処理を行う。これがBitStreamを生成する。このとき輝度・色差のそれぞれに対してのDC差分エンコードであるとか、AC成分エンコードを先に実施することになっている。&lt;br /&gt;
*ビットストリームへの各種情報付加(こんな一言でごまかすな的な内容の処理ですが…)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
というような処理をしています。それで、読み込むときのデコードでは、おおよそ逆の順番でもとに戻そうとする処理をします。元のBMP情報とまったく同じ表示にはなりません。情報は欠落して人間にはあまりわからないような、ある程度似た値にごまかされて復元されます。各変換時における係数があって、その係数で圧縮率をあげると人間でも劣化がわかります。あと目の肥えた人は少しでもJPEG化されていると圧縮されているかどうかが判別できるそうです。ほんとか？&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
おおまかにかきましたが、項目の2つめ以降は何を言っているかさっぱりわからない人がほとんどだったかもしれません。構成要素ってDCTって？量子化とは？ハフマン符号化？まぁまぁあせらずに、そういうことは時間をかけて文章にしていかなければならないと思ってはいます。キーワードだけでも書いておけば各々で個別に調べることもできるわけで、急いでいる人はそうやって紐解いていってほしいですね。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
そんなわけで、すこしづつですが、ここに書いていく予定です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*[[2次元画像処理 BMP]]&lt;br /&gt;
*[[2次元画像処理 JPEG]]&lt;br /&gt;
*[[2次元画像処理 GIF]]&lt;br /&gt;
*[[2次元画像処理 PNG]]&lt;br /&gt;
*[[2次元画像処理 TiFF]]&lt;br /&gt;
*[[2次元画像処理 画像処理]]&lt;br /&gt;
&lt;br /&gt;
　&lt;br /&gt;
[[メインページ#言語と開発環境|言語と開発環境]]へ戻る。&lt;/div&gt;</summary>
		<author><name>Yo-net</name></author>
	</entry>
</feed>