和諧社區資訊服務推廣計畫- 軟體雲端社區

資訊研習營

耕 心 蓮 苑 社 區 學 校耕 心 蓮 苑 社 區 學 校

本著作採用創用 CC 「姓名標示 -非商業性」授權條款台灣 2.5版

第 1 循環 - 資訊基礎入門

數位倫理

傳統文化

1.17 圖檔處理與管理圖檔 ( 照片、圖像… ) 簡介小畫家操作雲端 Google doc ： Drawing 協作 ( 共同編

輯 )

圖檔名詞解釋像素 (pixel)

螢幕上圖片，由許多細微的小格點組成，稱此小格點為像素 (Pixel )

像素裡面僅包含了顏色資訊，也就是說像素是一個填滿顏色的小點

640*480 的圖片，寬有 640 個像素點、高有 480 個像素點，而這張圖片所包的像素點數量一共有：寬 * 高=640*480=307,200 點

像素點越多，這張圖片的面積也就越大

放大： 像素 (Pixel)

光點顆粒

圖檔名詞解釋 -1

解析度 (resolution)指在在一張影像中，每平

方英吋能存多少像素這些光點是電腦顯示的最

小單位，稱為像素 (pixel)；光點的數量越多，影像提供的細節就越多

電腦影像

對電腦圖片而言，解析度越高表示構成圖片的點數越多。以右圖為例， 50 x 50 表示是由長寬各50 點所構成，解析度是 『 50 x 50 pixel 』。 25 x 25 的圖就只有50 x 50 的 1/4 大， 12 x 12 就更小了

把三張圖不同解析度的圖放大到一樣大來看 ( 例圖下方 ) ，可發現構成圖片的像素越多，細節就越清楚

圖片來源：http://www.ctk.com.tw/jackweb/graphic/Knowledge/dpi.htm

電腦螢幕 & 數位相機電腦螢幕：同樣的稱呼也用在電腦螢幕上

我們如果說這台螢幕的解析度是 800 x 600 ，表示這台螢幕目前的桌面大小是由 800 x 600 點所構成。不過同樣是 800 x 600 ，有的人用 15 吋的螢幕，有人用 21 吋的螢幕，有人用 200 吋的投影電視，雖然他們的解析度都是一樣，但實際產生的畫面大小並不相同，解析度高並不代表畫面就大

數位相機： 所謂百萬像素的相機，就是所拍攝的畫面由一百萬個像素所構成

，大概是 1200 x 800 pixel 左右，越高的話畫面就越細緻1200 x 800 = 960,000( 約一百萬 pixel)

知識來源：http://www.ctk.com.tw/jackweb/graphic/Knowledge/dpi.htm

DPI (dot per inch) 之前所提到的電腦圖片、螢幕等等，解析度與實際顯示的尺寸間並沒有關係，因此解析

度的多寡只影響到資訊量的多寡，可是對印表機與掃描器而言，掃瞄與列印的範圍是有固定大小，在一定大小範圍內若能產生更多的像素，代表畫質越細密。用來計算的單位稱作 dpi ，英文的意思是每英 吋幾個像素

掃描器：例如 600dpi 及 1200dpi ，表示對於同樣的圖片，前者最高每英吋可以得到

600 pixel 的資料，後者可以得到 1200pixel 的資料。對一張 3x5 吋的照片進行掃瞄，各可得到 1800x3000 及 3600x6000pixel 的圖檔，因此一般情況下是不會用最高解析度還掃瞄東西的，可是如果要掃瞄的圖片很小，卻想得到高解析度的圖案，低解析度的掃描器就沒有辦法了

噴墨印表機：解析度表示噴頭的精密程度， 600dpi 表示每吋可噴上 600 個 pixel

，因此解析度越高表示在相同範圍內可以產生更細密的墨點，列印效果越好，不過因為噴墨印表機只有四色或六色的墨水，需要好幾個墨點才能組合出特定的顏色，因此拿來印彩色圖案的話，實際可用的解 析度並沒有那麼高

知識來源：http://www.ctk.com.tw/jackweb/graphic/Knowledge/dpi.htm

圖檔名詞解釋 -2點陣圖 -- Bitmap Graphics

以一點一點記錄而成的圖像。而每個點的單位就是(Pixel) 。此類的圖形的品質會受到像素、色彩解析度與像素的尺寸所影響。 色彩愈豐富、解析度高則圖形細緻，反之則較為粗糙

它的原理十分簡單，而且應用十分廣泛，例如數位相機、掃描器等都是 Bitmap 。常見點陣格式包括BMP 、 GIF 、 JPEG 、 TIFF 、 PNG 等等

圖檔名詞解釋 -3向量圖 -- Vector Graphics

向量影像是由許多線段所組成，每一個線段都各自的大小及方向，其色彩、形狀、尺寸及座標位置等各項屬性都由數學方程式來描述

現在很多著名的圖像軟件都支援向量檔，或混合向量技術於點陣圖中。最常用的向量格式有EPS 、 AI 、 SWF 、 PostScript

點陣圖 V.S. 向量圖

常見圖檔格式介紹

BMPJPGPNGGIF

BMP 圖檔格式 ( 點陣圖 )

最方便的圖形儲存方式，只要把記憶體中的數位資料複製到硬碟上，加上一些圖形的長度與寬度等基本資料， BMP

圖形檔案就完成了

但 BMP 因為沒有任何處理，所以存檔時檔案相當大

BMP 可以涵蓋的顏色數目有單色、 16 色、 256 色、高彩(High Color) 、全彩 (True Color) ，是目前最通行的圖片格式

一般設定：全彩 (32 位元 )

JPG 檔案格式

JPG 檔案格式最多可以做到 80 ： 1 的壓縮比，一個影像如果處理成 JPG 檔案，可比 GIF 檔案佔用更小的記憶容量。

JPEG另一個特性是圖檔為全彩格式，不像 GIF 最多只能 256 色，大部分情況下壓縮效果又比 GIF

好，因此一般照片多用 JPEG 格式儲存

PNG 檔案格式

PNG 為無失真壓縮，沒有 256 色的限制，並支援256階的透明效果，靠這三點就可完全取代 GIF ，唯一美中不足的是不支援動畫效果

GIF 檔案格式電腦綱路上相當常用的影像檔案格式，具有通用調色及局部調色盤之待點，最多可諸存 256 色，影像壓縮效率非常高，品質也很好

GIF 圖檔適合放在網頁中表現透明及動畫等特殊需求

一般美工插畫、線條稿，標誌符號這種有大塊相同顏色的圖案，大區域同色塊、顏色數少，非漸層圖以及顏色對比明顯的圖形，比較適合採用 GIF 格式

小畫家操作介紹 ( 點陣圖 )開始 > 附屬應用程式 > 小畫家三種簡易操作：

「照片」簡單編輯，例如加文字或日期複製畫面直接畫圖 (請自行練習 )

雲端 Google doc ： Drawing 協作Gmail 文件 > 登入新增”繪圖”

線上協同編輯

1.18 微網誌使用教學 (Facebook)

Facebook帳號申請Facebook使用成立粉絲團其他微網誌介紹