1. Fundamentals
of
Graphics
指導教授：阮枝賢
學 生：蔡蔡
學 號： 69971201

2. 定義
• 圖像、圖畫、圖片、圖形、符號、影像等
• 動態：影片、視訊、動畫
• 靜態： 1. 平面－照片、幻燈片、插畫、
圖表和圖形、人工繪圖、
電腦繪圖等
2. 立體－塑像、石雕、木雕等實體

3. 壓縮
• 失真壓縮： 1. 減少儲存圖片需要的空間大
小，提高壓縮比率
2. 經過壓縮後再解壓縮，還原
後和原始資料有少許差
異

4. 失真壓縮

5. 壓縮
• 非失真壓縮： 1. 相同的顏色訊息只處理一
次
2. 壓縮率較低
3. 經過壓縮後再解壓縮，還原
後和原始資料無差異

6. 格式
• 圖片或影像在儲存成檔案時的表示方式
• 點陣圖
• 向量圖

7. 點陣圖
• 使用像素陣列所表示的圖像
• 圖形放大後失真

8. 點陣圖： BMP 格式
• BitMaP
• Windows 最常見
• 未經任何壓縮，無失真
• 檔案大，不常應用於網路

9. 點陣圖： GIF 格式
• Graphics Interchange Format
• 網路上廣泛使用
• 支援透明色處理
• 可存多幅圖片片動畫
• 網頁動畫常用的圖片格式
• 只支援 256 色，檔案較小

10. 點陣圖： JPG/JEPG 格式
• Joint Photographic Experts Group
• 會破壞圖檔品質
• 圖檔質量可根據壓縮的設置而不同
壓縮越大，品質越差
• 網頁常用的圖形格式
• 不支援透明色處理

11. 點陣圖： PNG 格式
• Portable Network Graphics
• 被設計用來代替 GIF
• 支援透明色處理
• 處理文字、線條和明顯輪廓，較 JPG 優越

12. 點陣圖： TIFF/TIF 格式
• Tagged Image File Format
• 大量用於傳統圖像印刷
• 可編輯再重新儲存，沒有壓縮損失
• 標籤：能標明圖像大小的基本幾何尺寸
能定義圖像數據如何排列
是否使用其他的圖像壓縮選項等
• 支持多頁存在同一文件中

13. 向量圖
• 以數學方程式構成線條圖形
• 不會因放大而失真

14. 向量圖： PDF 格式
• Portable Document Format
• 跨平台
• 保留文件原有格式
• 可包含多媒體元素：文字、圖形、影像

15. 點陣圖與向量圖的差異
點陣圖 向量圖
記錄方式 以像素來記錄影像 以數學方程式來記錄圖形
圖像特性 擅長表現顏色層次細微的圖像以 以數學方程式構成點線面圖
及連續色調影像，故適用於照片 樣，適用於輪廓清楚，以及
、精緻插畫等色彩複雜之圖形 要求精準構圖之圖形
解析度 一張畫的像素數量固定，將圖縮 以數學方程式來構成的向量
小時，圖片會重新計算像素量， 圖，會將數學算式轉換成適
圖片將導致永久損壞。然而將點 當解析度之像素，然後顯示
陣圖放大時，會因為色彩不連續 在螢幕上。由於圖像是數學
，而進行插補工作，導致影像失 方程式構成，故放大之後不
真 會有失真的問題
常見附檔名 BMP 、 GIF 、 JPEG 、 PNG 等 PDF 、 CDR 等
相關軟體 Photoshop 、 PhotoImpact 、小畫 CorelDRAW 、 Illsutrator 、 F
家等 LASH 等

16. 謝謝聆聽！