社區教育培訓網站：社區網頁製作與網站管理課程10jj\03\03-12
[回首頁]、[本編目錄]、[上一編]、[下一編]

第十二週、報導攝影練習、數位相機操作

課程教師：鄭錦德

請同時參看「電腦生活與網際網路介紹教材」第二章、數位影像簡介--大家來用數位相機。

一、電腦影像基本概念

1. 像素、點矩陣

電腦影像由一顆一顆的有顏色的點(或稱像素、畫素，英文是Pixels)整齊的排排站所構成，排列成為一個長方形的「點矩陣」，有點類似印象派中點描法畫畫的方法。點矩陣是常用來數位化相片、繪畫、人物風景寫生等比較寫實的影像的方法之一。點矩陣類型的影像通常檔案大小會很大，常常需要壓縮。

2. 圖檔寬、高尺寸

圖檔尺寸

因為電腦圖檔是由點矩陣所構成，所以以圖檔的「寬(Width)」、「高(height)」各為多少「像素(Pixels)」來表示圖檔的尺寸(請參看上述11個範例)。以上述人像照片為例，寬為71像素、高為100像素，記成「71 x 100 Pixels」或「71 x 100 像素」。再以上述風景照片為例，此照片寬為200像素、高為133像素，記成「200 x 133 Pixels」或「200 x 133 像素」等等，依此類推。

圖檔的下載與圖檔尺寸觀察

  1. 現在有一張佛像的照片，分別做成下面三種尺寸，請大家觀察一下各種尺寸的大小：
  2. 圖檔的下載
    • 網頁中的圖檔可以下載：以滑鼠右鍵點選網頁中的圖檔，就可以找到儲存圖檔到硬碟中的命令，如「另存圖片」或「Save Image As...」
  3. 利用影像觀看程式ACDSee來觀察圖檔的尺寸
    • 以ACDSee打開圖檔後，在圖檔視窗的最下方有一排關於圖檔的資訊，其中第四欄即為圖檔尺寸的資訊。
  4. 利用Netscape瀏覽器來觀察圖檔的尺寸
    • 網頁中的圖檔亦可以直接利用Netscape來觀察圖檔的尺寸：以滑鼠右鍵點選網頁中的圖檔，並選擇「View Image(檢視圖片)」的命令，Netscape就會以一個視窗來開啟這個圖檔，並在視窗的標題處顯示出圖檔的尺寸。

螢幕區域尺寸的觀察

螢幕的區域亦是一個影像的點矩陣，通常可以設定成「640 x 480 像素」、「800 x 600 像素」、「1024 x 768 像素」、「1280 x 1024 像素」等等。請從「控制台→顯示器→設定」中來觀察。

3. 顏色

R、G、B三原色

電腦的三原色為「紅(Red)」、「綠(Green)」、「藍(Blue)」，分別縮寫成R、G、B。電腦上的所有色彩即由R、G、B三原色的所調色而成。因為數位影像的關係，R、G、B的深淺程度各被規定成256種(0-255，0為最深，255為最淺)，共可以調配成256(8-bit) X 256(8-bit) X 256(8-bit)=16777216(24-bit)種顏色，即所謂的「全彩」。電腦影像中，每個像素是一個彩色的點，其色彩的表示方法是以一組RGB的值來表達。

R、G、B調色觀察

  1. 利用Photoshop的「Color工具面板」來觀察不同的R、G、B值所調成的顏色。
  2. 利用Photoshop的「顏色滴管(Eyedropper)」來觀察圖檔中每一個像素的顏色的R、G、B值。

4. 圖檔格式

圖檔格式是儲存圖檔的方法。每個影像處理程式，會依據程式的特殊功能與需求各自發展出專屬的圖檔格式，如常見的影像處理程式Photoshop(照片店)的圖檔格式是PSD、柯達數位相機的專屬格式KDC、柯達數位相片的格式PCD等等。有些圖檔格式，因為好用或是標準設定得比完善，後來成為大家通用的格式，以方便圖檔的交換、出版等，如網路上常用的影像壓縮格式JPEG、GIF，或是出版界常用的不壓縮格式TIFF等。

現將常見的圖檔格式簡介如下：

格式 說明 副檔名
BMP Windows與OS/2系統裡常用的不壓縮圖檔格式。 .bmp
EPS 出版、設計界常用的向量式影像儲存格式。 .eps
GIF 網路上通用的壓縮格式，專門用來壓縮圖案類的點矩陣影像，顏色最多只有256色。此格式亦可製作簡單的動畫形式。 .gif
JPG, JPEG 網路上通用的壓縮格式，專門用來壓縮相片、繪畫、人物風景寫生等比較寫實的點矩陣影像。 .jpg或是.jpeg
KDC 柯達(Kodak)公司為自己的數位相機發展出的壓縮圖檔格式，近來柯達似以漸漸放棄此格式而以JPG取代。 .kdc
PCD 柯達(Kodak)公司為自己的數位相片光碟(PhotoCD)發展出的不壓縮圖檔格式，柯達沖洗店可以為客戶的傳統底片掃描、燒錄成此圖檔格式的光碟。 .pcd
PNG 網路上新發展出的壓縮格式，類似JPG，但壓縮的方法比較進步。 .png
PSD 最常用的點矩陣影像處理程式Photoshop(照片店)專屬圖檔格式，是Adobe(土角厝)公司所發展的。 .psd
TIF, TIFF 出版界常用來交換傳輸圖片的不壓縮圖檔格式。 .tif或是.tiff
WMF Windows系統裡常用的向量式影像儲存格式。 .wmf

5. 檔案大小

圖檔的點矩陣，每個畫素有3Bytes的資料量(因為R、G、B各有一個1Byte的資料量，總共為3Bytes)。以一張640 x 480 像素的圖為例，檔案大小為：

640 x 480 x 3Bytes = 921,600 Bytes = 921.6 KBytes = 0.9216 MBytes

這張不怎麼大的圖已經接近1MB的儲存空間，一張軟碟片已經快裝不下了，比起一整份文書處理的文件(通常大約是50-100KB的儲存空間)大了十倍以上！

同理，請計算下面三張圖檔的檔案大小：

再以數位相機為例，請分別計算100萬畫素(像素)、200萬畫素(像素)、300萬畫素(像素)的數位照片的檔案大小。

6. 圖檔壓縮

電腦影像檔案是很佔據儲存空間的，這也是為什麼後來發展出眾多圖檔壓縮技術的原因----將電腦影像的檔案大小盡量壓小(是壓縮檔案大小而不是縮小尺寸)。如JPEG圖檔技術，可以將上述640X480像素的圖檔的1MB檔案大小壓縮儲存成只有30-50KB左右，比起原圖大約只有二十分之一的檔案大小。不過圖檔壓縮是有代價的，壓得越小影像的品質越差，失真更嚴重。一般會在影像品質與儲存空間、交換資料的可行性中依需要取得平衡點。

7. 圖檔下載時間計算

一般Modem的資料傳輸速率為每秒鐘傳5.6KB，一般ADSL固網每秒鐘傳12.8KB的資料。

二、網頁顏色、插圖編輯

三、影像觀看、編輯程式

  1. 影像觀看程式：ACDSee
  2. 影像編輯程式：Photoshop

四、本週作業指定進度

學員不上課時在家裡，請也練習一些攝影的技巧、取景、角度取捨、拍攝一些相片，不管是用數位相機或一般相機所拍攝的圖片及圖案，數位相機可直接輸入電腦，照片可從掃瞄器輸入，收集起來作為日後網頁製作、檔案管理及整理使用。

[回首頁]、[本編目錄]、[上一編]、[下一編]

mailto:jdz@mail.bamboo.hc.edu.tw/