數位化資料處理 I 數位影像處理概論 嘉義高商 王啟修 2017/3/2 2017/3/2 CYVS Chi-Hsiu Wang.

Presentation on theme: "數位化資料處理 I 數位影像處理概論 嘉義高商 王啟修 2017/3/2 2017/3/2 CYVS Chi-Hsiu Wang."— Presentation transcript:

1 數位化資料處理 I 數位影像處理概論 嘉義高商 王啟修 2017/3/2 2017/3/2 CYVS Chi-Hsiu Wang

2 大綱 影像處理的意義 影像處理的應用 數位影像的定義 數位影像的基本要素 像素 影像類型 影像格式 色彩類型 色彩模式 解析度
2017/3/2 CYVS Chi-Hsiu Wang

3 影像處理是什麼？ 「影像處理」？ 反正透過軟體把影像圖片弄成跟原本的不一樣，就可以叫做「影像處理」了！ 高深的學問？專業的美工？程式設計？
2017/3/2 CYVS Chi-Hsiu Wang

4 影像處理是什麼？ 影像編修 影像合成 版面設計 格式改變 特效 2017/3/2 CYVS Chi-Hsiu Wang

5 數位影像處理應用 調整色彩 2017/3/2 CYVS Chi-Hsiu Wang

6 數位影像處理應用 320X240 像素 影像大小改變 160X120 像素 2017/3/2 CYVS Chi-Hsiu Wang

7 數位影像處理應用 影像裁剪 2017/3/2 CYVS Chi-Hsiu Wang

8 數位影像處理應用 特效 2017/3/2 CYVS Chi-Hsiu Wang

9 數位影像處理應用 合成 2017/3/2 CYVS Chi-Hsiu Wang

10 數位影像處理應用 看圖說故事 2017/3/2 CYVS Chi-Hsiu Wang

11 數位影像的意義 什麼是數位影像？ 以數位資料儲存之影像圖片 影像數位化的好處 想一下，數位相機跟傳統相機有什麼不同？ O & 1 容易修改
不佔空間 容易保存 易在網路上傳輸 網頁設計 2017/3/2 CYVS Chi-Hsiu Wang

12 數位影像的來源 2017/3/2 CYVS Chi-Hsiu Wang

13 數位影像的基本要素-像素 像素 (Pixel)
我們在電腦螢幕上所看到的圖片，其實是由許多細微的小格點所組成的，我們把這些小格點稱為『像素』。 影像大小 (Image Size) 影像尺寸大小以像素點為單位 例如一張圖片的大小是300X200(寬X高) 300X200=60000點，這張圖片就有6萬個像素點 ex: 200萬像素的數位照相手機 2017/3/2 CYVS Chi-Hsiu Wang

14 數位影像的基本要素-像素 您的電腦桌面有多少像素？ 1024 x 768
(桌面空白處按右鍵) > 內容> 設定值 > 螢幕設定 1024 x 768 2017/3/2 CYVS Chi-Hsiu Wang

15 數位影像的基本要素-像素 1024 x 768 是什麼意思？ 1024 個 768 個 2017/3/2
CYVS Chi-Hsiu Wang

16 數位影像的基本要素-解析度 解析度有三種： 螢幕解析度 影像解析度 印表機解析度 2017/3/2 CYVS Chi-Hsiu Wang

17 解析度 螢幕解析度 影像解析度 PPI 印表機解析度 DPI 就是圖形每英吋包含多少個像素點 越大的話代表同樣的圖形大小越精緻
就是螢幕的可見範圍，螢幕可以看到多少點（像素） 影像解析度 PPI 就是圖形每英吋包含多少個像素點 越大的話代表同樣的圖形大小越精緻 印表機解析度 DPI 印表機列印出來的圖每英吋有幾個墨點 2017/3/2 CYVS Chi-Hsiu Wang

18 數位影像的基本要素-影像類型 影像類型：儲存數位影像的表示方法 最常見有兩種方法： 向量圖 點陣圖 2017/3/2
CYVS Chi-Hsiu Wang

19 數位影像的基本要素-影像類型 向量式 點陣式 只有點沒有線和面 以幾何數學運算為基礎,紀錄座標及數學式 畫面特性 以幾何圖形構成 表示方式
靠著這些像素一點一點複雜地排列組合，慢慢地疊出一張畫面 依照解析度的大小記錄每一點的顏色，及格式的辨識資料 2017/3/2 CYVS Chi-Hsiu Wang

20 數位影像的基本要素-影像類型 向量式 點陣式 優點 1.可隨意放大縮小及變形 2.儲存空間小 3.處理速度快 1.可作各式影像處理
2.效果逼真 3.用途廣泛 缺點 表現不規則內容的影像時十分困難 1.資料量大 2.放大後會有鋸齒狀 2017/3/2 CYVS Chi-Hsiu Wang

21 影像類型 點陣圖 向量圖 2017/3/2 CYVS Chi-Hsiu Wang

22 影像類型 到底該用什麼類型? 點陣適合用於製作影像處理的東西 向量則適於製作線條簡單的圖案 連續色調的圖形，如人物、風景等照片
製作上需考慮解析度的問題 PhtoImpact、Photoshop製作出來的圖檔 向量則適於製作線條簡單的圖案 商標、標誌、字型、卡通、插畫、排版 處理方便、省空間、適於印刷及編輯 CorelDraw、Illustrator、AutoCad、Flash等軟體製作出來的檔案屬之 2017/3/2 CYVS Chi-Hsiu Wang

23 數位影像的基本要素-色彩類型 黑白 灰階 16色 256色 全彩 2017/3/2 CYVS Chi-Hsiu Wang

24 色彩類型 – 黑白 單色 一個像素只有黑或白兩種情形 只需要一個位元便可以表示一個像素的顏色資訊 2017/3/2
CYVS Chi-Hsiu Wang

25 色彩類型 – 灰階 256 灰階 由黑白兩色構成，但是依明暗度分成 256 個層次，因此稱為 256 灰階
一個像素要能表示 256 種不同的黑白明暗度需要 8 個位元 (28=256) 2017/3/2 CYVS Chi-Hsiu Wang

26 色彩類型 – 16色 最簡單的彩色模式 表示 16 種顏色的狀況需要 4 個位元 (24=16) 調色盤 2017/3/2
CYVS Chi-Hsiu Wang

27 色彩類型 – 256色 是一般彩色影像最常採用的模式 要表示 256 種不同顏色，和 256 灰階一樣，一個像素需要 8 個位元
全彩則使用了32bit來表達顏色 代表共有232顏色可以用來表示 2017/3/2 CYVS Chi-Hsiu Wang

28 色彩類型 黑白 灰階 2017/3/2 CYVS Chi-Hsiu Wang

29 色彩類型 16色 256色 全彩 2017/3/2 CYVS Chi-Hsiu Wang

30 數位影像的基本要素-色彩模式 RGB 色彩模型 CMYK 色彩模型 HSB 色彩模型 2017/3/2 CYVS Chi-Hsiu Wang

31 色彩模式- RGB 色彩模型 色光三原色 RGB 0 ~ 255 (256 階) 加色法 紅 Red 綠 Green 藍 Blue
0 最暗，255 最強(亮) 加色法 越加越亮﹙白﹚ 2017/3/2 CYVS Chi-Hsiu Wang

32 色彩模式- CMYK 色彩模型 色料三原色 ( 印刷工業色 CMYK ) 0% ~ 100% 減色法 天青 Cyan 洋紅 Magenta
黃　 Yellow 黑　 Black 0% ~ 100% 100% 最濃 減色法 越加越暗 ( 黑 ) 2017/3/2 CYVS Chi-Hsiu Wang

33 色彩模式- HSB 色彩模型 HSB模式以人類視覺感知來描述色彩 色相 Hue (H) 飽和度 Saturation (S)
色彩的相貌，也就是顏色名稱，如紅、藍、綠 飽和度 Saturation (S) 色彩的飽和程度或純粹度 明度 Brightness (B) 即色彩的明暗程度，光線反射率多時明度較高 2017/3/2 CYVS Chi-Hsiu Wang

34 數位影像的基本要素-影像格式 影像格式 - 儲存數位影像的檔案類型 BMP JPG GIF PNG TIF UFO 2017/3/2
CYVS Chi-Hsiu Wang

35 影像格式 BMP檔 JPG檔 直接儲存未經處理的資料，體積十分龐大 微軟公司所提出的點陣圖格式 原本專門用在 Windows 作業系統
網際網路及數位影像中最常運用的檔案類型 將原始影像壓縮過，省略影像中變化較細微的部分，故檔案大小較小 2017/3/2 CYVS Chi-Hsiu Wang

36 影像格式 GIF PNG檔 網頁上常用的圖形格式 可以存成透明圖、交錯圖、和動畫，且提供「非破壞性壓縮」
缺點：最多只能儲存 256 色的色彩數 PNG檔 採非破壞性壓縮，減少檔案的體積時也保有影像原本的品質 用來取代 GIF 格式，結合了 JPG 與 GIF 的優點 2017/3/2 CYVS Chi-Hsiu Wang

37 影像格式 TIF檔 UFO檔 影像處理界普遍支援的圖檔格式 適用於印刷輸出 可以跨平台，大多數的影像處理軟體及排版軟體都會支援 TIF 圖檔
PhotoImpact 專用的檔案格式 適合用來儲存未完成的影像處理工作，或是當成已完成的作品備份 2017/3/2 CYVS Chi-Hsiu Wang