授課教師：葉生正教授

多媒體的基本概念多媒體的基本概念 『多媒體』相信讀者對這名詞應不陌生！我們舉些例子來說說『多媒體』。在以前資訊不發達的時候，文字書信便是人們傳遞訊息最基本的媒介，而這媒介可稱為『媒體』。後來收音機（電話）、電視、照相機等科技產物相繼的發明，使得傳遞訊息的方式更具多元化，相對的『媒體』也各別具有了聲音、影像（動畫）、圖像等功能。在現代人們對整體多樣化的訴求下，將這些各具特色的媒體，有系統地整合在一起，即成了人人口中所談到的『多媒體』。

多媒體的九大元素多媒體的九大元素1. 文字 (Text)

2. 圖形 (Graphic)

3. 靜態影像 (Still Image)

4. 照片 (Picture)

5. 動畫 (Animation)

6. 視訊 (Video)

7. 聲音 (Sound)

8. 音樂 (Music)

9. 互動 (Interaction)

§§ 數位影像數位影像 (( 圖檔圖檔 )) 『數位影像』，即是以數位的方式來記錄或儲存影像。數位影像的畫質，雖無法比相片或徒手彩繪的畫質高，若將其呈現在高畫質的螢幕畫面上，仍可以達到相當水準的影像品質。 此外，數位影像在電腦編輯處理中，除了可以輕易的剪貼、縮放、修補、合成等處理，還具有不退色、可複製、易儲存、不佔空間、方便攜帶等優點，所以目前數位影像的應用，已相當的普遍了。

§§ 數位影像的類型數位影像的類型1. 點陣式： 點陣式的影像是由許多的細點所構成的，而這些小細點就是所謂的像素或是圖素，在單位面積的影像中，其所包含的像素越多，解析度也就越高，相對的影像則越細膩。點陣式影像色階彩度變化豐富，可呈現出自然且逼真的影像，但在處理影像縮放時，卻容易造成影像的失真，其檔案的資料量也較大。2. 向量式： 向量式影像的一筆一畫，是由數學的方程式所紀錄著，其精確度高，並不受解析度的影響，不管放大或縮小都不會失真，所以常被用來繪製 3D 的立體圖形。但缺點是處理影像時，需經複雜的計算，花費較多的時間。

每一個像素只用 1個位元 (bit) 來表示，因此只能呈現出黑色與白色。

§黑白模式 (Bitmap)

(1 ：表示白色 0 ：表示黑色 )

數位影像的色彩模式數位影像的色彩模式

每一個像素用 8個位元 (bit) 來表示，因此就可呈現出 256 種階調；如果將純黑和純白之間的階調等分為 256 種階調，就成了 256 灰階的模式。

§灰階模式 (Grayscale)

(255 ：表示白色 0 ：表示黑色 )

數位影像的色彩模式數位影像的色彩模式

所謂的 RGB 即是光的三原色紅 (Red) 、綠 (Green) 、藍 (Blue) 三色；在 RGB 的模式下，每一像素是由 24個位元 (Bit) 來表示，其中 RGB 三原色各使用了 8個位元，因此每一種原色都可呈現 256 種階調，而三原色相互搭配後，總共可產生 16777216 種階調。也就是數位影像所謂的〝全彩〞。

§RGB 模式

0

0

0

255

255

255

數位影像的色彩模式數位影像的色彩模式

CMYK 模式是針對印刷所設計的模式。在印刷顏料著色時，青色 (Cyan) 、洋紅色 (Megenta) 、黃色 (Yellow) 為構成各種色彩的三原色。；雖然 CMY三色可混合出製作所需的色彩，但實際上等量比例的 CMY 混合後，無法產生完美的黑色 (Black) ，所以在印刷時需加上一個黑色的色彩來補償缺失。也因黑色是用來取代部分的 CMY 三色，故無法表現 RGB 模式所能產生高彩度的色彩。

§CMYK 模式

數位影像的色彩模式數位影像的色彩模式

在 CMYK 的模式下，有四個參數，每一個參數各佔了 8個位元，所以它是屬於 32位元的影像模式。

§CMYK 模式

CMYK 模式與 RGB 模式不同處， CMYK 是由照射在顏料上反射回來的光線所產生的色彩；因顏料會吸收一部份的光線，所以反射回來所呈現的色彩會比原色來得暗。

數位影像的色彩模式數位影像的色彩模式

§CMYK 模式的色盤

255

255

255

2550

0

0

0

C

M

Y

K

數位影像的色彩模式數位影像的色彩模式

Lab 模式是一般人較為陌生的色彩模式，這模式是由國際照明委員會所制定的，也是所有模式中色彩涵蓋最廣模式，它的特色是對色彩的描述，完全採用數學的方式，與系統和設備無關。

§Lab 模式

一般在 Photo Shop內部處理模式上，均是使用此模式在做處理的。

數位影像的色彩模式數位影像的色彩模式

L：亮度 (Lightness) a ：是由綠到紅的光譜變化 b ：是由藍到黃的光譜變化

§Lab 模式的色盤

L

ａｂ

數位影像的色彩模式數位影像的色彩模式

色域： 色域是指在某一色彩模式下涵蓋的色彩範圍。色域是指在某一色彩模式下涵蓋的色彩範圍。在色彩模式中，以在色彩模式中，以 LabLab 模式色域最大，模式色域最大， RGBRGB 模式模式次之，次之， CMYKCMYK 模式最小；因此由模式最小；因此由 LabLab 或或 RGBRGB 模式模式轉換為轉換為 CMYKCMYK 模式時，會有部分色彩無法表現出模式時，會有部分色彩無法表現出來，稱為溢色。來，稱為溢色。

數位影像的色彩模式數位影像的色彩模式

解析度： 解析度就是單位長度內所含有的點數，長度的解析度就是單位長度內所含有的點數，長度的單位多半使用英吋，因此它的單位一般常用單位多半使用英吋，因此它的單位一般常用 DPIDPI

(Dots per Inch)(Dots per Inch) 來表示；而在數位影像中，點就等來表示；而在數位影像中，點就等於像數，因此也可以用於像數，因此也可以用 PPI(Pixels pre Inch)PPI(Pixels pre Inch) 作為解作為解析度的單位。析度的單位。

數位影像的解析度數位影像的解析度

§§ 網頁圖檔的格式網頁圖檔的格式 一般圖檔因應用於不同的平台或套裝軟體上，所以圖檔的格式不盡相同，較為常見的格式有BMP(*.bmp) 、 GIF(*.gif) 、 JPEG(*.jpg) 、 TIFF(*.

tif) 、 WMF(*.wmf) 、 EPS(*.eps) 、 PSD(*.psd) 、PCT(*.pct)…… 等；由於網路傳輸受限於頻寬的問題，所以在眾多的格式中，只採用 GIF及 JPE

G兩種圖檔格式，應用於網頁的製作上。

§§ 網頁圖檔格式之網頁圖檔格式之 GIF(*.gif)GIF(*.gif) GIF 圖檔的色彩模式為 Table Color 256 色、 Index

Color (索引色 )或 Grayscale Color( 灰色調 )等模式，所以只要將圖檔先轉換成上述的色彩模式，均可儲存為 GIF 的圖檔格式。 GIF 的圖檔格式又分為 CompuSer-

ve GIF及 GIF89a Export兩種。 CompuServe GIF 為 C-

ompuServe公司較早訂定的 GIF標準格式，可支援圖形交錯的效果，但缺點是儲存的資料量較大；而 GIF89a

Export 是比較新的 GIF標準格式，除了具有 CompuSer-

ve GIF 的功能，及增加了背景透明與動態圖檔的效果外，儲存的資料量也變小了。

§§ 網頁圖檔格式之網頁圖檔格式之 JPEG(*.jpg)JPEG(*.jpg) JPEG 的色彩模式為 RGB Color 、 CMYK Color( 印刷色 )、 Grayscale Color ( 灰色調 )等模式；欲將圖檔儲存成JPEG格式時，同樣須將圖檔轉換為上述的色彩模式後才能儲存，不過在圖檔被儲存 JPEG格式之前，通常會出現一些類似〝檔案將被破壞〞的訊息，這時若不熟悉的讀者會以為辛苦編輯的圖檔，將會遭受破壞，便不敢按下『確認』執行的動作，而無法儲存為 JPEG 的檔案；其實當圖檔被儲存 JPEG 檔案時，將會進行檔案壓縮 (破壞 ) 的動作，有些軟體可讓讀者選擇檔案的「壓縮比」，選擇較高的「壓縮比」，壓縮後的圖檔效果較差，但檔案容量較小，選擇較低的「壓縮比」，則圖檔效果較好，而檔案的容量自然會比較大！瞭解了 JPEG格式的特性後就不會手足無措，不知是否要執行檔案被破壞的動作啦！

§GIF V.S JPEG─§GIF V.S JPEG─ 色彩比較色彩比較 GIF格式的圖檔與 JPEG格式的圖檔，兩者均擁有 RGB Color及 Grayscale Color 的色彩模式，又同時可在應用於網頁製作上，這兩者優劣如何呢？以儲存色彩的能力而言，若在 16777216 色的 RGB Color( 光的三原色 )24bit 全彩模式下，可表現出相當豐富而完整的色彩；而 GIF 格式的 RGB Color及 Grayscale Color 色彩模式，只是在16777216 個色彩中，挑選出較接近圖像所需要的 256種色彩而已，所以 GIF格式的圖檔最多只能儲存 256 色；而 JPEG 圖檔雖為壓縮的檔案格式，但在擁有 24bit 的全彩模式下，能儲存的色彩自然就比 GIF 圖檔多，所以 JPEG 的層會比 GIF 的圖檔高，當然在此方面 GIF格式的圖檔就略遜一籌。

若以檔案容量的大小而言， GIF格式的圖檔應會比JPEG格式的圖檔小；不過，經筆者多次的測試後 (測試了五套的影像處理軟體 ) ，結論為〝不一定〞，因為使用者所使用的軟體及使用者對圖檔壓縮轉換的設定，均佔有相當大的關係。如有特別要求圖檔品質來說的話，JPEG 的圖檔也就相對的比 GIF 圖檔大許多，所以在網路傳輸的速度上，檔案較小的 GIF 圖檔，自然會比 JPEG 圖檔快。除此之外， GIF格式的圖檔可製作背景透明化、交錯呈現、動態等效果，這可是讓 JPEG 的圖檔甘拜下風的地方哦！

§GIF V.S JPEG─§GIF V.S JPEG─ 檔案大小比較檔案大小比較

§§ 製作網頁該選用何種圖檔？製作網頁該選用何種圖檔？

如果所編製的網頁，比較重視圖檔色彩的效果，那JPEG格式的圖檔當然是最佳的選擇。

1. GIF 圖檔格式若想在網頁上，放置動畫圖檔以添增網頁的變化性，則採用 GIF格式的圖檔。

2. JPEG 圖檔格式

實 作 練 習圖檔格式的轉換

BMP → GIF

Step1 ：開啟 Ulead PhotoImpact 4.0 『開始』→『程式集』→『 Ulead PhotoImpact 4.0 』 → 『 PhotoImpact 4.0 』。

Step2 ：關閉工具視窗 『檢視』→『工具列與工具箱』→ 取消勾選〝百寶箱〞 的選項→『關閉』。

Step3 ：開啟圖檔 『檔案』→『開啟舊檔』。

Step4 ：開啟 C:\image\ex9-1.bmp 範例圖檔 點選 ex9-1.bmp 的圖檔 →『確定』。

Step5 ：改變影像類型 『格式』→『影像類型』→『最佳化 256 色』。

※ 轉換後會新建立一個新的影像圖檔 。

Step6 ：儲存檔案 『檔案』→『儲存檔案』。

Step7 ：選擇儲存的圖檔格式 點選〝存檔類型〞中的〝 GIF ( 圖形交換格式 ) 〞。

Step8 ：設定圖檔的名稱 ( ex9-1a.gif ) 及存放的路徑 ( c:\image\ ) 設定圖檔存放的路徑 ( c:\image\ ) → 設定檔案名稱 ( ex9-1a ) → 『存檔』→ 完成 。

※ 圖檔轉換完成 。

實 作 練 習圖檔格式的轉換

BMP → JPG

( 沿用上一個範例圖檔 )

Step1 ：將範例 9-1 所轉換好的 ex-9a.gif 圖檔最小化或關閉 ； 此步驟是為避免太多的圖檔在 PhotoImpact 4.0 的視 窗中，影響工作。 ( 此步驟可不做！ )

Step2 ：將 ex9-1.bmp 另存新檔 用滑鼠點選圖檔 ex9-1.bmp → 『檔案』→『另存新檔』。

Step3 ：選擇儲存的圖檔格式 點選〝存檔類型〞中的〝 JPG (JPEG 檔案交換格式 ) 〞。

Step4 ：設定圖檔的名稱 ( ex9-1b.jpg ) 及存放的路徑 ( c:\image\ ) 設定圖檔存放的路徑 ( c:\image\ ) → 設定檔案名稱 ( ex9-1b ) → 『存檔』→ 完成。

※ 按下『存檔 (S) 』鈕後，則會出現警告訊息，由於 JPEG 的圖 檔為破壞壓縮後的圖檔，所以當 BMP 的圖檔被轉換成 JPEG 圖檔時，需進行檔案壓縮（破壞）的動作，此觀念之前已提 過，讀者在此步驟便可得到驗證了；讀者這時只要按下『確 定』鈕即可完成轉換圖檔的工作。

※ 檢視〝 ex9-1b.gif 〞圖檔資訊

點選〝 ex9-1b.gif 〞圖檔 →『檢視』→『相片內容』