影像處理.

Presentation on theme: "影像處理."— Presentation transcript:

1 影像處理

2 什麼是影像處理 影像：指的是一張圖片或照片 影像處理：把影像處理得與原來的不一樣

3 像素 像素是電腦（數位）影像的最小單位。 每一張圖片，都是由一個個的像素所組成，而每一個像素則包含了顏色的資訊，簡單的說，像素就是填滿顏色的小點。 一張尺寸為800 ×600的圖片，表示寬有800個像素高有600個像素，所以這張圖片一共有480000像素。像素愈多，圖案的尺寸就愈大。 由像素構成的圖片，稱為點陣圖，點陣圖能以最原　始真實的呈現圖片原本的風貌及色彩的細微差異。

4 解析度 解析度指的是每英吋內含有幾個像素。 每英吋裡含有的像素愈多，解析度就愈高，圖片愈細緻，當然檔案的size就愈大。
這張圖片的解析度是150dpi，指的就是影像的解析度，也就是指這張圖裡，每英吋含150個像素。 ※dpi;dot per inch

5 螢幕解析度 螢幕解析度就是使用者在螢幕上看影像時，所感受到的解析度。常見的設定有 640x480、800x600、1024x768等。
螢幕解析度是由顯示卡（Display Card）所決定的，並不是由螢幕所決定。 由於特定螢幕的顯示尺寸不會改變的，當我們將螢幕解析度由 640x480 調整成 1024x768 時，螢幕上必須容納更多的像點，所以，原本的影像看起來會更加地細緻。 螢幕解析越高，意味著你在螢幕上所見的影像更細緻，色彩更為逼真。

6 色彩解析度 所謂色彩解析度是指電腦使用多少位元（bit）來記錄色彩，位元越多色彩的解析度越高，例如在256色中，使用8位元，也就是一個位元組（byte）來記錄色彩資訊，因而可以記錄2^8 = 256種顏色。如果使用16位元來記錄色彩，則可以記錄2^16 = 65536個色彩，而使用24位元，則可以記錄2^24 = 。 至於目前有所謂32位元的色彩解析度，其使用24位元的true color為基礎來描述色彩，並加上8位元的額外資訊，例如transparent等，並不是真正使用32位元來描述色彩。 如果使用越高的色彩解析度，則由於所使用的位元越多，所耗用的記憶體也就越多，如果將這些色彩資訊儲存為圖檔，則檔案的容量也就越大。 如果要在螢幕上顯示一個圖像，則必須先將圖像儲存在顯示卡的記憶體上，如果顯示卡的記憶體容量不夠，則圖像資訊無法放入。另外作業系統也會根據驅動程式或本身的設定來影響色彩輸出，同一個圖像在不同的作業系統上也會有不同的色彩輸出。

7 縮小圖形 有時候常會為了檔案太大，導致打開檔案或是列印時，會有打不開檔案或是當機的情事，大部份的原因多源自圖形SIZE太大，導致記憶體容量負荷不了，所以根本的方法就是縮小圖形SIZE。 掃描時，將dpi或尺寸縮小。 改變圖形檔案類型 將圖形另存新檔時，將圖形檔案類型改成JPG檔。 將圖形在改成256色，存成GIF檔。 改變圖形檔案的尺寸 選擇 格式 → 尺寸 ，縮小圖形的尺寸。

8 影像的基礎 點陣圖和向量圖 影像的色彩與亮度

9 點陣圖(Bitmap) 點陣圖使用像素儲存影像資料，使用dpi為單位，例如：網頁圖檔只需擁有螢幕的解析度72dpi，也就是每平方英寸擁有72像素。 目前知名的點陣圖影像工具有PhotoImpact、PhotoShop和PaintShop 、 Pro 、 JPEG、GIF和PNG。 網頁圖檔格式都屬於點陣圖，在放大圖片後，可以看到圖片如同馬賽克般是使用像素所組成。

10 向量圖(Vector) 向量圖的儲存方式是儲存圖片的直線、圓形和曲線等物件元素，圖檔的尺寸比點陣圖小，CorelDraw、FreeHand和Illustrator都屬於向量圖的影像工具，Flash也是使用向量圖建立電影動畫，向量圖在放大後並不會產生點陣圖邊緣的鋸齒效果，圖片仍然擁有平滑的邊緣。

11 影像的色彩與亮度 影像圖檔的色彩是使用自然界的紅、黃和藍三原色所組成，由這三種原色相互搭配調配出其它色彩，亮度是在影像加入光線，例如：紅色移除光線就成為暗紅色，移除所有光線就成為黑色。 「遞色」是使用較少的色彩數摸擬出缺少的色彩，例如：GIF格式只支援256色，如果將JPEG全彩圖片轉換成GIF圖檔，就需要使用256色模擬出全彩的色彩數。

12 色相：指色彩的相貌，或是區別色彩的名稱，如紅、黃、藍......等。
明度：指色彩明暗的程度。 彩度：指色彩飽和的程度或色彩的純粹度。 冷色系：在色相環中，以黃綠和紫色兩個中性色為界，綠、藍綠、藍等為冷色。 暖色系：在色相環中，以黃綠和紫色兩個中性色為界，紅、橙、黃等為暖色。 以彩度而言，彩度愈高愈趨暖和感。另外明度高的色彩有涼爽感，明度低的有暖和感，這可以用物理上的熱量來解釋，淺色反射熱量，吸熱少，故有涼爽感；暗色則反之，固有暖和感。

13 對比色：對比色相的配色是在色相環上成120度～150度的色相彼此間的配色。具有活潑、明快的感覺。
互補色：位於色相環上直徑的兩端，互成180度的兩色之配色，也即是冷色與暖色的配色，是對比最強烈的配色，若不加以控制，容易產生眩目、喧鬧等不調和的感覺。 色光的三原色：色光三原色是以生理學及物理學的觀點來立論，發現紅（Orange Red）、綠（Green）、紫藍（Violet Blue）三原色具有如下特性：（1.）不能再分解。（2.）不能由其他色光混合出來。（3.）三色等量混合時，會形成白色。因而確立紅、綠、紫藍為光的三原色。稱為（加法混合） 色彩的三原色：顏料或染料中的洋紅（Magonta Red）、黃（Hanza Yellow）、藍（Cyanine Blue）為色料三原色，各種色相都可以利用三原色互相混合而成，色料混合愈混合變得愈黑暗，這種混合稱為（減法混合）。

14 GIF與JPEG圖檔的處理 製作GIF透明圖 交錯型GIF圖檔 漸進式JPEG圖檔

15 製作GIF透明圖 GIF格式的圖檔可以去掉背景成為透明圖，在插入網頁後就可以溶入網頁背景，PhotoImpact在儲存圖檔時可以設定透明度，建立GIF透明圖。

16 交錯型GIF圖檔 如果GIF圖檔尺寸比較大，下載網頁時需要等待較長的時間，才能看到圖片內容，此時GIF圖檔可以使用交錯型GIF圖檔，在下載圖檔時，首先看到矇矓的圖片，然後逐漸看到清楚的圖片內容，讓使用者感覺圖片下載速度比較快。

17 常用圖檔副檔名gif 、 jpg 、 png gif
gif的優點在於檔案容量小適合存取簡單圖形像是單一線條，顏色單純標題與一些色彩單純的小圖示，並且可以將圖片背景透明化更能融入我們網頁裡並且可以製作動態圖示也是所謂的閃圖，所以在網頁設計裡許多圖片都是存成gif的格式來處理，所以gif檔具有靜態動態的功能。 缺點：適合儲存256色的影像，不適合用來存取色彩豐富的圖片像是風景人物照片等等..因為他的色彩度不高會有失真的情況發生大大減低了圖片的美觀度。

18 常用圖檔副檔名gif 、 jpg 、 png jpg
jpg圖檔適合存取人物風景與色彩豐富的圖片，像如果自己用photoshop這類的繪圖軟體製作完的美工作品多半是存成jpg檔的格式。他有較佳的色彩支援度，jpg檔指適用於靜態無法像gif那樣製作閃圖功能。 缺點：jpg檔並不適合存取過於單純的圖形或是標題因為會造成圖片有些模糊會讓人感覺不舒適。

19 常用圖檔副檔名gif 、 jpg 、 png jpg
適用於儲存24位元全彩影像，但不支援透明或動畫。JPEG格式運用壓縮運算法可以將影像資料壓縮成數十分之一的大小，但壓縮比愈高時影像的資料耗損程度會愈大，影像也會愈失真(為達到高度壓縮，部份資料會被忽略)。 多數的影像編輯軟體可以調整JPEG的壓縮比值，一般壓縮比10左右比較無法分辨出與原先的差別。雖然JPEG檔好用，但因是破壞性壓縮，所以不宜重複壓縮，過度的破壞會造成影像的品質愈來愈差。

20 常用圖檔副檔名gif 、 jpg 、 png png
PNG(Portable Network Graphics)格式與同是網路上流通的影像格式JPEG及GIF相較，有諸多優秀的特性：PNG壓縮影像不失真，可儲存 48 位元的彩色影像，比JPEG的24位元高，像素色彩也可有256種不同的透明度選擇，可讓圖像在任何背景上，看不到接縫，改善了GIF格式像素色彩只能有透明或不透明兩種選擇，及GIF檔描邊不佳的問題(GIF檔通常需要針對每種背景顏色採用不同的反毛邊修飾)。 png圖檔為目前算是新的圖檔類型他等於gif和jpg的結合，可以像gif檔一樣製作動態閃圖也可以像jpg一樣存取色彩豐富的風景圖片。 缺點：不能像GIF一樣作為動畫檔的儲存格式，png圖檔的圖片檔案大小較大，並且目前有些伺服器並還未不支援png這類型的圖檔照樣是以gif與jpg作為主流，所以使用png檔前請先考量自己所存放的伺服器是否有支援。

21 影像的色彩類型 黑白：黑白影像，非黑即白。利用黑色像素的疏密排列，可以製造灰色的效果。
灰階：顏色從黑色到白色共有256種變化，也就是深淺不同的灰色影像。 16色：以16種顏色來構成圖案。 256色：以256種顏色構成圖案，這比16色的圖片色彩還要豐富。若以純彩色系圖案來說，256色已經可算是完備的圖案了。 全彩：每格的像素都由RGB(紅、綠、藍)三色混成，總共有1677萬種顏色的變化，比起其他色彩類型，全彩可說是最完美的圖案。

22 黑白 灰階 全彩 256色 16色

23 常用的影像檔案格式 BMP TIF GIF JPG PNG
點陣圖型，專門用在作業系統上，各軟體的圖形均能彼此相通，但因其無法壓縮全彩圖形，存檔後檔案較大。 TIF 印刷輸出的最佳選擇，TIF檔案格式可以跨平台，提供非破壞性的壓縮。 GIF 網頁上最常用的圖形格式之一，存檔後體積小，圖片也不會失真，多屬256色圖案。 JPG 也是網頁常用的圖形格式之一，壓縮率相當高，屬破壞性壓縮，存檔時會捨棄某些像素，造成圖片失真，不過，肉眼是分辨不出來的。 PNG PNG檔結合了GIF及JPG的優點，可存成透明圖，也支援全彩，而且是屬於非破壞性的壓縮，較能保有圖片原有的品質。