1 / 21

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

耕 心 蓮 苑 社 區 學 校. 和諧社區資訊服務推廣計畫 - 軟體雲端社區 資訊研習營. 本著作採用創用 CC 「姓名標示 - 非商業性」授權條款台灣 2.5 版. 第 1 循環 - 資訊基礎入門. 傳統文化. 數位 倫理. 1.17 圖檔處理與管理. 圖檔 ( 照片、圖像 …) 簡介 小畫家操作 雲端 Google doc : Drawing 協作 ( 共同編輯 ). 圖檔名詞解釋. 像素 (pixel) 螢幕上圖片,由許多細微的小格點組成,稱此小格點為 像素 (Pixel ) 像素裡面僅包含了顏色資訊,也就是說 像素是一個填滿顏色的小點

kezia
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 耕 心 蓮 苑 社 區 學 校 和諧社區資訊服務推廣計畫-軟體雲端社區資訊研習營 本著作採用創用CC 「姓名標示- 非商業性」授權條款台灣2.5版

  2. 第1循環 -資訊基礎入門 傳統文化 數位 倫理

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

  4. 圖檔名詞解釋 • 像素(pixel) • 螢幕上圖片,由許多細微的小格點組成,稱此小格點為像素(Pixel ) • 像素裡面僅包含了顏色資訊,也就是說像素是一個填滿顏色的小點 • 640*480的圖片,寬有640個像素點、高有480個像素點,而這張圖片所包的像素點數量一共有:寬*高=640*480=307,200點 • 像素點越多,這張圖片的面積也就越大

  5. 放大: • 像素(Pixel) 光點 顆粒

  6. 圖檔名詞解釋-1 • 解析度(resolution) • 指在在一張影像中,每平方英吋能存多少像素 • 這些光點是電腦顯示的最小單位,稱為像素(pixel);光點的數量越多,影像提供的細節就越多

  7. 電腦影像 對電腦圖片而言,解析度越高表示構成圖片的點數越多。以右圖為例,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

  8. 電腦螢幕 &數位相機 • 電腦螢幕:同樣的稱呼也用在電腦螢幕上 • 我們如果說這台螢幕的解析度是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

  9. 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

  10. 圖檔名詞解釋-2 • 點陣圖-- Bitmap Graphics • 以一點一點記錄而成的圖像。而每個點的單位就是(Pixel)。此類的圖形的品質會受到像素、色彩解析度與像素的尺寸所影響。 色彩愈豐富、解析度高則圖形細緻,反之則較為粗糙 • 它的原理十分簡單,而且應用十分廣泛,例如數位相機、掃描器等都是Bitmap。常見點陣格式包括BMP、GIF、JPEG、TIFF、PNG等等

  11. 圖檔名詞解釋-3 • 向量圖-- Vector Graphics • 向量影像是由許多線段所組成,每一個線段都各自的大小及方向,其色彩、形狀、尺寸及座標位置等各項屬性都由數學方程式來描述 • 現在很多著名的圖像軟件都支援向量檔,或混合向量技術於點陣圖中。最常用的向量格式有EPS、AI、SWF、PostScript

  12. 點陣圖 V.S.向量圖

  13. 常見圖檔格式介紹 BMP JPG PNG GIF

  14. BMP圖檔格式 (點陣圖) 最方便的圖形儲存方式,只要把記憶體中的數位資料複製到硬碟上,加上一些圖形的長度與寬度等基本資料,BMP圖形檔案就完成了 但BMP因為沒有任何處理,所以存檔時檔案相當大 BMP可以涵蓋的顏色數目有單色、16色、256色、高彩(High Color)、全彩(True Color),是目前最通行的圖片格式

  15. 一般設定:全彩(32位元)

  16. JPG檔案格式 JPG檔案格式最多可以做到80:1的壓縮比,一個影像如果處理成JPG檔案,可比GIF檔案佔用更小的記憶容量。 JPEG另一個特性是圖檔為全彩格式,不像GIF最多只能256色,大部分情況下壓縮效果又比GIF好,因此一般照片多用JPEG格式儲存

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

  18. GIF檔案格式 電腦綱路上相當常用的影像檔案格式,具有通用調色及局部調色盤之待點,最多可諸存256色,影像壓縮效率非常高,品質也很好 GIF圖檔適合放在網頁中表現透明及動畫等特殊需求 一般美工插畫、線條稿,標誌符號這種有大塊相同顏色的圖案,大區域同色塊、顏色數少,非漸層圖以及顏色對比明顯的圖形,比較適合採用GIF格式

  19. 小畫家操作介紹(點陣圖) • 開始> 附屬應用程式> 小畫家 • 三種簡易操作: • 「照片」簡單編輯,例如加文字或日期 • 複製畫面 • 直接畫圖(請自行練習)

  20. 雲端Google doc:Drawing協作 Gmail文件> 登入 新增”繪圖” 線上協同編輯

  21. 1.18 微網誌使用教學(Facebook) Facebook帳號申請 Facebook使用 成立粉絲團 其他微網誌介紹

More Related