【開源節流】--> "開源" & "節流"

○ [影像處理] 捷路克的影像教學 ○

1-1 影像名詞概述 

pixel:

像素，就是整個影像是由多少個點所構成的。一般由???x???來表示。

像素越大，影像的品質也就越好。

DPI:

Dot Per Inch

這一般是用在列印輸出，或是掃瞄圖檔時的單位，也就是每英吋有多少個點。

例如:一張４X６的照片用300dpi的掃描器掃出來，像素就是1200x1800。

顏色數:

8bit:也就是每個點用8個bit的空間來存資料，若以彩色而言就是256色。

16bit(俗稱全彩):同上。但一般的螢幕最好設成16bit色，影像亦然。

24bit(高彩):其實我覺得沒什麼必要，因為除非你的眼睛很銳利，

你是看不出和高彩間的差異的。

例題:

用300dpi及16bit的解析度掃瞄一張3X5的照片，並以不壓縮的方式存檔，試問其影像大小??

解:(3x300)(5x300)x16bit/8bit(從bit換成byte)

   900x1500x2=2700000byte=2.7MB

1-2 常用兩大繪圖軟體--PhotoShop PhotoImpact

PhotoShop

超強大的專業繪圖軟體,幾乎所有專業繪圖都要靠它.唯一最大的缺點就是載入超久的.

電腦不夠好的可能要考慮一下.

基本需求:Pentium II 233MHz +128 MB RAM等級以上電腦..

PhotoImpact

簡單好用的繪圖軟體,雖然功能不怎麼樣,不過有罐頭特效可用,新手相當容易就能上手.

除此之外,大部份的影像格式也都支援,初學者適用.

基本需求:Pentium 133MHz(想想電腦教室的電腦)+32MB RAM..

Flash

我想大家應該都看過Flash動畫吧?(像阿貴.詌礁龍都是)而這些動畫大部份都是由

Flash做出來的,而這些圖檔最大的特色,就是向量圖形.

雖然說以上兩款繪圖軟體也可以做向量圖,但直接用Flash可避免轉檔.

基本需求:Pentium 166MHZ + 64MB RAM + 音效卡 以上..

總之工欲善其事,必先利其器...

接下來就進入圖形囉!!

2-1 常見的影像格式

在網路上待久了,應該可以發現所有的圖片離不開這幾種格式:

GIF Graphics Interchange Format(圖形交換格式)

JPG 又稱JPEG Joint Photo-Graphic Experts Group

PNG Protable Network Graphic(可攜式網路圖形)

除此之外,他們的大元老BMP BitMaP.則是他們三種圖形格式的始祖喔!

PS.bmp檔的進化是*.RLE不過幾乎沒人在用了...

這些圖形格式各有優缺點,大家在存檔時要想清楚,才能發揮

"檔案最小,圖形最美"的最佳狀況喔!!

當然囉，若是用PhotoImpact的使用者當然可以先用UFO(PhotoImpact的存檔格式,

PhotoShop則是PSD)做存檔，等要輸出的時候再存成網路常用的圖形格式

除此之外,大家必須注意到的是,這些檔案之間最好不要互存

(ex:就是把已經存成jpg的檔又存成gif...等)

詳細理由在後解釋...

2-2 GIF檔

CompuServe 的 GIF (圖形交換格式) 以兩種方式來壓縮影像檔案：

1.它使用一種叫做 Lempel-Ziv的編碼方式。這不重要，但是因為CompuServe是

GIF的制定者，因此他對所有的GIF檔都要收錢，只是這錢是由影像處理軟體來支付罷了。

2.它限制檔案本身的"索引色(indexed color)"。也就是說，一個GIF檔必須不得超過

256色，所以你必須減少影像所使用的顏色後方能使用，當然囉，

這部分也是由影像處理軟體來代勞最好，軟體會幫你找出用最多的256種顏色，

這也就是為什麼GIF格式不適合用在相片或高彩度影像m的原因。

不過GIF最大的三項特點是:

1.可以由8bit(也就是256色)一直到1bit的雙色GIF都可，加上它的檔案格式是不破壞壓縮

(也就是解壓縮後的圖檔和原先的將一模一樣，當然在取256色時被捨棄的顏色不算)

因此適合有明顯線條的圖檔使用(如CNMC的組徽,不過那是Flash)

2.可以設定"透明色"，也就是遇到有底色的網頁時，會顯示底下的顏色，

而不是難看的顏色圖塊。

3.在GIF89a(應該是89a沒錯,有錯請教正)這個版本中,則是大家可以用GIF來做

簡單的動畫,因此在網頁上看到的動畫不是GIF就是Flash為居多囉!

2-3 JPG檔

1.由C-Cube Microsystems所發展出的JPG(也稱JPEG)這種常用的圖形格式，

是一種破壞性壓縮而使壓縮影像"深像素"更有效率的圖形格式

它的壓縮方法是"出了名的難編輯"，它是將一個影像的像素轉換成8X8的

偏角矩陣，然後再其資料"量子化"...相信那不重要

2.JPG檔在規格上有一項很大的缺失，那就是它永遠是24bit，

對於較簡單的圖形來說，這不是一個很經濟的檔案格式。另外，由於它一定是

"破壞性壓縮"，因此若是圖形中有明顯的線條，其線條將因為壓縮而不連續，

或是其邊緣變得模糊不清。

3.JPG檔本身並沒有動態影像的規格(不像GIF可以製作小動畫)，

若JPG要存成動態影像，那就是MPEG了。又它也是24bit的規格，若是加上動畫，

其檔案將太大而不適合在網路上傳送。(不過和信的寬頻影音站則是用MPEG4，較特別)

4.因為JPG的破壞性壓縮，因此每一次的開啟舊檔時都是該軟體的解譯結果，

每存取一次JPG檔，其檔案就又被編譯一次，因此除非必要，千萬不要重覆存取JPG檔，

這是大家要切記的。因此我建議大家在正式存檔輸出影像之前，可以存成PNG檔(詳見2-4)

5.總體而言，JPG檔最適合的就是風景照，但是若是windows抓圖，

商標圖形，或顏色不多的圖形，請記得不要用JPG檔。

2-4 PNG檔

1.PNG檔算是一個全能型的檔案格式，它更可以說結合了JPG和GIF的優點，

所以在某些情況下，當JPG or GIF不太適合的時候，PNG就派得上用場了。

2.PNG不像GIF只能到8 bit(也就是256色)，最高可到48bit(雖然不一定用得到)

而它所採取的壓縮方式是不失真壓縮，因此不會像JPG遇到線條就糊掉了。

另外，BMP.GIF.JPG都只能到65535x65535個像素，若影像更大就沒輒了..

但是，PNG卻可以到2147483647x2147483647這麼多像素，絕對不怕不夠用(很操電腦)。

3.個人認為PNG是正式存成GIForJPG之前很好的過度檔。

以我為例，我掃的圖檔，或是螢幕抓圖，都先存一份PNG(怕當機重弄)，

然後再開那個PNG慢慢的修，再存成JPGorGIF。

尤其是JPG，因為每當你存一次檔，檔案就被破壞一次，

所以更需要其他的檔案格式來保持圖檔的原貌。

4.在瀏覽器上，IE5和Netscape4.x以後的版本才可以看得到PNG，

對於用IE3.x的使用者可能要注意一下，免得開天窗。

http://cnmc.hs.ntnu.edu.tw/2005cnmc/review/docs/image.html