影像处理与电脑绘图.ppt

影像處理與電腦繪圖 德明技術學院 莊富任 fuzen@iii.org.tw 什麼是影像處理?(Image Processing) 「影像處理」? 高深莫測 專業美工人員? 程式設計師? 工程師? 其實我們不必把影像處理想得太難 波形轉換 (Waveform Transformation) 電腦視覺 (Computer Vision) 圖形辨識 (Pattern Recognization) 影像處理技巧 調整圖片的尺寸大小、明暗度、色彩 合成效果，影像特效 反正把影像圖片弄成跟原來的不一樣，就可以叫做「影像處理」了！ 影像大小改變 明暗度改變 檔案格式改變 裁剪 特效 灰階? 黑白 為什麼要學「影像處理」? 有學分 好玩 塗鴉 寫日記 製作桌布、卡片 海報、廣告 保存照片 網頁上應用 其他? 好玩 好玩 幾米-及時說愛 塗鴉 我用生命告訴你汐止怎麼了 ! 桌布 海報、廣告 保存照片 保存照片 什麼是「數位影像」?(Digital Image) 以數位型態儲存之影像圖片 O 1 影像數位的好處 容易修改 不佔空間 容易保存 易在網路上傳輸 網頁設計 如何轉換數位影像? 傳統圖片、照片 必須先將它轉成「數位影像」 才能利用電腦來進行影像處理 常見的方法 利用『掃描器』將圖片轉成數位影像 直接利用『數位像機』將拍成影像輸入電腦。 電腦如何顯示顏色？ 一個編號對應一種特定的顏色 一張１６色的圖形，它就用０～１５等１６個數字來代表那１６種顏色 對一張２５６色的圖形，它就用０～２５５等２５６個數字來代表那２５６種顏色 像素 (Pixel) 我們在電腦螢幕上所看到的圖片，其實是由許多細微的小格點所組成的，我們把這些小格點稱為『像素』。 影像大小 (Image Size) 影像尺寸大小以像素點為單位 例如一張圖片的大小是300X200(寬X高) 300X200=60000點，這張圖片就有6萬個像素點 實際例子 400萬像素的數位照相機 電腦如何儲存圖形資料？ 黑白圖形 每一個點電腦使用 1bit 來紀錄 因為 21=2 16色圖形 每一個點電腦使用 4bits 來紀錄 因為 24=16 256色圖形 每一個點電腦使用 8bits (1Byte) 來紀錄 圖形（俗稱全彩） 每一個點電腦使用 24bits (3Bytes) 來紀錄 算算看? 800X600圖形 一般電腦螢幕上所看到的桌面就是這麼大 256色要佔硬碟多大的空間呢? 全彩圖形要佔硬碟多大的空間呢? 全彩 3X5的照片 600DPI（每吋600個點） 數位相片 啥？什麼格式？ 常見影像圖檔格式 bmp、gif、jpg 認識「檔案」 顯示名稱.格式 例如image01.jpg 前面image01為檔名，後面jpg為副檔名，就是它的檔案格式 BMP檔直接儲存這些未經處理的資料 體積十分龐大 其他各種體積較小的儲存格式 利用壓縮演算法產生 JPG 格式（JPEG格式）和 GIF 格式 BMP檔 拜微軟之賜，幾乎可以說是最基本、通用的圖檔格式 優點 在PC上相容度一流，就算不裝任何秀圖軟體，用Windows的小畫家一樣可以看 缺點 沒有什麼特異功能 點陣圖格式，無法壓縮，所以存檔以後會變得很大 不適合網頁上應用 傳輸及開啟會很慢 小畫家可編輯此種檔案 GIF檔 (Graphics Interchange Format ) 網頁上常用的圖形格式 優點 它可以製成透明圖和動畫 「非破壞性壓縮」 存檔以後比原來的小很多但檔案量比JPG大 圖片較不會失真，但色彩較少 缺點 只支援256色 GIF檔之特點 GIF採用的是LZW壓縮技術 這種壓縮技術在壓縮時不會犧牲掉畫面的品質 和JPG不同，不能設定壓縮的比值 GIF只支援256色以下的色盤 只支援8bit色 讓GIF在圖檔的顏色處理上有一些限制 侷限的顏色數卻也讓GIF有更多可以發揮的空間 指定特定色盤 限定特定顏色為透明色等 這都是GIF在顏色設定上獨樹一格的地方 GIF的實際應用 一般網路用圖檔 GIF跟JPG一樣，都相當適合網路上使用，使網頁的瀏覽更加方便、快速 透明層的運用 當圖形不規則或是需要透空時，GIF就可以幫上忙 製作連續的動畫檔案 GIF格式最特別的地方 比起AVI或是MOV的檔案小了很多 製作動畫檔案可以使網頁的活潑度增加 但Flash 已漸漸取代 文字的展現： 語系不合網站亂碼 用GIF圖像化文字 由於GIF在儲存顏色數少的圖形時相當省檔案容量， 支援透明色，所以拿來儲存圖形化文字最為適合 GIF檔實例 JPG檔 網頁上常用的圖形格式 支援不同程度的壓縮比 可以視情況調整壓縮倍率 壓縮比越大，品質就越低 相反地，壓縮比越小，品質就越好 優點 壓縮率非常驚人 原本1MB的圖片存成jpg檔後可能只