數位化資料處理 I 數位 影像處理概論

1. 數位化資料處理 I數位影像處理概論 嘉義高商 王啟修 2014/11/21 CYVS Chi-Hsiu Wang

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

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

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

5. 數位影像處理應用 • 調整色彩 CYVS Chi-Hsiu Wang

6. 320X240 像素 160X120 像素 數位影像處理應用 • 影像大小改變 CYVS Chi-Hsiu Wang

7. 數位影像處理應用 • 影像裁剪 CYVS Chi-Hsiu Wang

8. 數位影像處理應用 • 特效 CYVS Chi-Hsiu Wang

9. 數位影像處理應用 • 合成 CYVS Chi-Hsiu Wang

10. 數位影像處理應用 • 看圖說故事 CYVS Chi-Hsiu Wang

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

12. 數位影像的來源 CYVS Chi-Hsiu Wang

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

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

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

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

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

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

19. 數位影像的基本要素-影像類型 CYVS Chi-Hsiu Wang

20. 數位影像的基本要素-影像類型 CYVS Chi-Hsiu Wang

21. 影像類型 點陣圖 向量圖 CYVS Chi-Hsiu Wang

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

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

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

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

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

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

28. 色彩類型 黑白 灰階 CYVS Chi-Hsiu Wang

29. 色彩類型 16色 256色 全彩 CYVS Chi-Hsiu Wang

30. 數位影像的基本要素-色彩模式 • RGB 色彩模型 • CMYK 色彩模型 • HSB 色彩模型 CYVS Chi-Hsiu Wang

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

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

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

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

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

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

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