1 / 20

影像的基本原理

影像的基本原理. 蔡政宗. 影像的基本原理 - 1. ( 一 ) 常見影像基本類型 (1) 向量式影像 記錄影像的座標及圖形種類與相關參數 以一個空心方塊為例： 以 { 圖形種類 , 起點座標 , 長度 , 寬度 } 表示，結 果為： { 方形 , (1, 1), 6, 6}. 向量式圖像的特點： (1) 影像放大或縮小不會有失真現象 (2) 圖檔體積小. 向量圖的放大 / 縮小. 我是狗老大 , 你可以再靠近點 !. 我是中狗兒. 我是小狗仔. 影像的基本原理 - 2. (2) 點陣式影像

keene
Download Presentation

影像的基本原理

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 影像的基本原理 • 蔡政宗

  2. 影像的基本原理-1 • (一)常見影像基本類型 • (1) 向量式影像 • 記錄影像的座標及圖形種類與相關參數 • 以一個空心方塊為例： 以 {圖形種類, 起點座標, 長度, 寬度} 表示，結 果為： • {方形, (1, 1), 6, 6} 向量式圖像的特點： (1)影像放大或縮小不會有失真現象 (2)圖檔體積小

  3. 向量圖的放大/縮小 我是狗老大, 你可以再靠近點! 我是中狗兒 我是小狗仔

  4. 影像的基本原理-2 • (2)點陣式影像 • 不管圖形的內涵，將整個影像分割成為如棋盤式 的方格點，進而儲存每一個點的資訊 • 以一個空心方塊為例：若 1 代表黑色，0 代表白色則電腦儲存的結果為：{00000000, 01111110, 01000010, 01000010, 01000010, 01000010, 01111110, 00000000..} 點陣式圖像的特點： (1)影像放大或縮小會有失真現象 (2)圖檔體積較大

  5. 點陣圖的放大/縮小 嗚…. ，不要看我臉上的雀斑….. 原來的我 ，很酷罷！

  6. 影像中常見專有名詞 • (1)像素(Pixel)：所謂的像素(Pixel)是一些包含各種色彩資訊的小方格。 • (2)影像大小(Size)：一張影像的高度和寬度，以像素為單位。 • (3)解析度(Resolution)：所謂的解析度指的是每一英吋距離中所包含的像素值，又分為 • (1)螢 幕 解析度:ppi-Pixel Per Inch • (2)列表機 解析度:dpi-Dot Per Inch • (4)深度(Depth)：表示一個像素材所佔用的位元數；影像的顏色愈多，用來表示一個像素所需的位元數就愈多。

  7. 影像色彩的表示原理 • (1)單色(Mono)：構成的基本顏色為黑色與白色兩種，只須一個位元(bit)便可表示一個像素的顏色資訊。 • (2)256灰階色(256 Gray Lavel)：由黑、白兩色構成，但是依明暗度分成256個層次；每一個像素由8個位元組成(28=256種灰階層次) 。 • (3)彩色(Color)：根據光合成原理，由紅色(Red)、綠色(Green)、藍色(Blue)三原色所構成。

  8. ＊電腦中顏色的組成(配色模組) ＊ 光的三原色：R、G、B 每一種顏色在電腦中各賦以不同的位元，用來表示該顏色的不同深淺 Red0~255 (00~FF) Green0~255 (00~FF) Blue0~255 (00~FF)

  9. ＊配色的組成原理＊ (一)在電腦裏，藉著使用不同的位元(bit)數的組成，透過各個位元間是否有電流通過(即0、1的組合)，來表示該顏色的不同深淺度。 例如 ★ 若使用4個位元的組合來表示某一顏色的深淺, 則共可組合出 24， 即16種不同深淺的顏色 • ★ 每一原色使用4個位元的組合，則三個原色共可組合出24x24x24(計4096)種顏色。 • ★ 若每一原色使用8個位元的組合，則三個原色共可組合出28x28x28(計16,777,216)種顏色。

  10. ＊電腦中配色的組成原理 • 一般所謂的全彩，乃指每一原色使用至少8個位元的組合來表示，則三原色計使用24個位元(24 bits) 的組合，故共可組成28x28x28種顏色(16,777,216色)。

  11. 印刷工業界配色的組成原理 • ★印刷工業界的配色模組—CMYK(如彩色印表機) • C--的是青色(Cyan) • M--指的是洋紅色(Magenta) • Y--指的是黃色(Yellow) • K--指的是黑色(Black) • ★電腦螢幕上的黑色是由R、G、B三原色混合而成，嚴格來說並非純黑色。為了讓列印結果能顯示純黑色，故印刷界乃使用CMYK的配色模組。 • ★RGB配色模組不能表示純黑色，故一般螢幕均黑色；而CYYK不能表示純白色，故一般紙張白色。

  12. 圖檔的色彩數、位元數、和色彩表現 所謂的索引色乃指存檔時只將使用的顏色另存成色盤，可節省記憶體空間。

  13. ＊影像大小的計算方法＊ • ★影像的輸出高度=影像高度的像素值/解析度 • ★影像的輸出寬度=影像寛度的像素值/解析度 • ★圖檔大小=影像高度的像素值x 影像寛度的像素值x位元數/8/1024 • 例如：一張寬和高為250x150像素的24位元素(全彩)的圖像，其大小為(250x150x24)/(8x1024)=110KB

  14. ＊圖檔的基本類型＊ • (一)點陣圖-例如BMP、GIF、JPG/JPEG、PNG、PCX、TIF/TIFF、ICO、PSD、…. • 圖像由像素點所組成，放大或縮小會有失真現象。 • (二)向量圖-例如 .CDR (Corel Draw)、 .EPS (Adobe PostScript)、AI (Adobe Illustrator) • 圖檔中包含了各種提供重繪的向量資訊、圖形位置與一些色彩資料…等，放大縮小並不會有失真現象。 • (三)中繼圖-例如 .WMF、 .EMF • 含上述兩種圖檔的特性

  15. ＊網路上常用圖檔的特性和使用時機＊

  16. ＊交錯格式和漸進格式＊ • 註： • ※交錯格式(Interlaced)：PNG與GIF均支援交錯格式，此種格式的圖形在下載到瀏覽器時，會以類似拼圖的效果將影像呈現出來，然後再顯示全部圖形，如此，才不致讓讀者等候許久才會看到影像的全部面貌。 • ※漸進格式(Progressive)：jpg/jpeg的影像格式支援此種顯示方式。這是一種類似模糊顯示的影像效果，在下載到瀏覽器時，讀者會先看到模糊的影像顯示，待下載完成後，才會看到全部的影像。 • ※不同圖檔格式的轉換：使用PSP、PhotoImpact、Photoshop等影像編輯器。

  17. 圖檔的轉換結果(1) 轉存為.gif圖檔 圖檔格式：.BMP、全彩 圖檔尺寸：350X500像素點 圖檔大小：約514KB 圖檔格式：.GIF、256色 圖檔尺寸：350X500像素點 圖檔大小：約108KB

  18. 圖檔的轉換結果(2) 轉存為.JPG圖檔 圖檔格式：.BMP、全彩 圖檔尺寸：350X500像素點 圖檔大小：約514KB 圖檔格式：.JPG、全彩 圖檔尺寸：350X500像素點 圖檔大小：約37.4KB

  19. ＊(一)XnView(影像瀏覽軟體)＊ • 主要功能: • (1)快速瀏覽、查詢磁碟內的圖檔 • 檔案名稱、圖檔大小…等屬性 • (2)具簡單的圖像編輯功能 • (1)圖檔的複製、搬移、刪除、更名 • (2)改變圖檔尺寸、旋轉、翻轉、更改色彩、明度、對比..等

  20. ＊(二) PhotoImpact (影像編輯軟體)＊ • 功能： • (1)影像(Image)的繪製 • (2)影像的編輯、特效處理 • (3)網頁元件的製作

More Related