1 2 (pixe) (Picture Eement) (dot) http://kayoo.org/home/mext/joho- kiki/ 3 4 (Jaggy) : = NTSC ( TV) 4:3 ( ) 16:9 iphone6 ipad2 Air 1334x750 (326dpi) 2048x1536 (264dpi) VGA 640 480 4:3 SVGA 800 600 4:3 XGA 1024 768 4:3 4:3 SXGA 1280 1024 4:3 UXGA 1600 1200 4:3 1920x1080 16:9 (HDTV) 4K 3840x2160 16:9 16:9 (DPI) 5 6 1 1 : DPI (Dot Per Inch) 1=2.54cm DPI = DPI (DPI ) 800~1600 PC : 72~110dpi : 600dpi DPI : 11 : 1 http://www.iware.ne.jp/pc/entrydata/dpi.php 1000~1600 1200~2500 Sony Cybershot DSC-WX170 4896x3672 (1800) Canon EOS 5D MarkIII 5760x3840 (2210) : 4:3 3:2 16:9 1
7 グレースケール 8 色の表現 各画素の輝度を数値で表現 階 調 数 は 1 画 素 に 用 い る b it数 (b it/ p ix e ) で き ま る 1 b itグ レ ー ス ケ ー ル で は 2 階 調 (0 (真 っ 黒 )と 1 (真 っ 白 )) 白 黒 2値 画 像 と も 呼 ば れ る 8 b i t グ レ ー ス ケ ー ル で は 2 5 6 ( = 2 8) 階 調 0 (真 っ 黒 ) か ら 255 (真 っ 白 ) ま で 色 (1) 9 光はさまざまな波長の波の集まり 色 (2) 10 目が光を捉えるとき 錯体細胞 すいたいさいぼう 光源からの光が直接目に入る 赤成分 緑成分 青成分の大きさで色を表せる 網膜にある細胞 光の特定の波長に反応 人は赤錐体 緑錐体 青錐体を持つ 加色三原色 これらへの刺激の大きさの組み合わせによって色を知覚 光源からの光が何かにあたって目に入る <何か>が吸収した残りを見ている 減色三原色 加色三原色 11 カラー画像 12 光の三原色ともいう 自ら光を発する器具 (ディスプレイ) Red 赤 Green 緑 Bue 青 RGB 混合すると白になる (加色混合) コンピュータ グラフィックス では通常この方式 R ed, G reen, Bue そ れ ぞ れ の 輝 度 を 数 値 で 表 現 R G B各 1bit使 え ば 8 (=23)色 を 表 現 可 能 黒 赤 緑 青 シアン マジェンタ イエロー 白 R G B各 8bit: 約 1678万 色 (2 24) (フ ル カ ラ ー ) 2
問題 13 ディスプレイの構造 8 x 8 の解像度の白黒２値画像を表現するた CRT めに必要なバイト数は以下のとおり 14 液晶 8 x 8 (pixe) x 1 (bit/pixe) / 8 (bit/byte) = 8 byte 1280 x 1024の 解 像 度 の 画 像 を 表 現 す る た め に必要なバイト数は? 白黒2値画像 8bitグレースケール フルカラー (24bit)を計算せよ ま た 5760 x 3840 の 場 合 は ど う か 減色三原色 15 イ ン ク ジ ェ ッ ト プ リ ン タ の 構 造 16 色の三原色ともいう カラープリンタ 絵の具 混合すると黒くなる 減色混合 Cyan 水色, Magenta 紫, Yeow 黄 (まとめてCMY) プリンタでは黒(bacK)を加えた CMYK の4色のインクを使う場合が 多い RGB CMYK は変換可能 R, G, B を 0.. 1 の 範 囲 に し た と き K = 1 -m a x (R, G, B ) C = (1 R K ) / (1 K ) M = (1 G K ) / (1 K ) Y = (1 B K ) / (1 K ) 17 コンピュータでの画像の 扱い方 ラ ス タ 形 式 (ビ ッ ト マ ッ プ 形 式 ) 18 全ての画素の色情報をファイルに記録 拡大 縮小で画質劣化 縮小: 画素を間引く 拡大: 画素を引き伸ばす ラスタ画像 動画 (MPEG) ベクタ画像 最初に目的に合った キャンバスの大きさ (画素数)を決めることが 重要 3
19 20 (paint) (Windows), Adobe Photoshop, GIMP TIFF.tiff.tif BMP.bm p Windows PNG.png Web( ) GIF.gif 256 Web JPEG.jpeg.jpg Web 21 22 PNG, GIF Web : ( ) (PNG, GIF) (JPEG) GIMP 23 JPEG 24 Joint Photographic Experts Group 1 4
JPEG (1) 25 RGB!! JPEG (2) 26 (DCT) 8x8 2 DCT JPEG 27 JPEG (Cont'd) 28 Web DCT DCT http://e-vod.cs.shinshu-u.ac.jp/it-univ/study/2003/08higuchi/dct6.htm MPEG () 29 MPEG 30 x () fps (fram e per second 24fps () 30fps () 1 24fps 1440 MPEG = (.mpg,.wmv,.mov,.avi,.3gp, etc.) (YouTube,, etc.), DVD, Bu-ray MPEG-1 (1992 ) CD CD-ROM 11 MPEG-2 (1994 ) MPEG-4 (1999 ) 5
MPEG 31 32 I : JPEG (12 ) B, P : 16x16 [: ] 33 34 ( ) : (draw) Adobe Iustrator, Microsoft Visio, LibreOffice Draw Word PowerPoint 35 36 PDF Portabe Document Format (PDF) Windows Metafie (WMF), Enhanced Metafie (EMF) Scaabe Vector Graphics (SVG) Encapsuated PostScript (EPS).pdf.wmf.emf.svg.eps Microsoft Word Windows Web PostScript TeX LibreOffice.org Draw.odg OpenDocument 6
37 () 38 ( (JPEG) Web ) http://www.okidata.co.jp/creators/tips1/tips 05a.htm 39 LibreOffice Draw Tips 7