影像處理.

Slides:



Advertisements
Similar presentations
E-portfolio 個人履歷網站教學
Advertisements

圖像基本原理.
影像處理與應用 基本觀念.
第4章、影像媒體.
第三章 影像媒體.
數位化資料處理 I 數位影像處理概論 嘉義高商 王啟修 2017/3/2 2017/3/2 CYVS Chi-Hsiu Wang.
Unity3D.
Excel –格式設定 資訊教育.
組員介紹:劉家宏、張芷廷、彭博彥、陳ㄧ志、吳若凱
色 彩 學 王怡文老師設計整理.
網頁圖檔簡介 動畫製作 動態HTML效果 製作相片投影片秀
學習目的 完成這課後,你會學懂: 色彩原理的基本知識 冷暖色對人造成的影響及不同顏色的配搭 冷暖色所造成的視覺效果
色彩體系─奧斯華德表色系 奧斯華德色彩體系.
數碼影像導論 2007年3月16日.
第6章 電腦科技的相關應用─影像處理 6-1 影像處理的基本知識 6-2 PhotoImpact 的基本操作 6-3 影像編輯技巧
第9章 平面图像处理基础 9.1 平面图像处理基本概念 9.2 Photoshop基础操作.
色彩基本認識 2010 年 9 月 Hsiu-fen Wang
年級: 小學六年級 科目: 美勞科 課題: 色彩應用(二).
PowerPoint圖形總合.
自由軟體Firefox安裝 及youtube影片下載
多媒體概論 第二章 影像編輯概論.
3-1 想做出甚麼樣的網站 現在您對網站、網頁已經有基本的概念了,不過要實際開始製作網站,還需要經過規劃的過程。本章中尚未開始動手設計網頁,而先來學習建立網站的重要觀念也就是網站的規劃與設定,首先您必須先對自己要建立的網站有基本的架構,才能動手建立網站,做好後續網頁設計的工作。可別看這個過程,這是能不能建構出一個好網站的重要關鍵,也是設計網站人員必須用心思考、規劃的部分。
第四章 多媒體製作素材 1. 文字: 文字編碼與檔案格式分析 ‧中文繁體字 :Big-5碼 ‧英文字:ASCII碼
主講人:資通中心李威頤 校內分機:6111 講義下載: 資料下載
第一篇 Unix/Linux 操作介面 第 1 章 Unix/Linux 系統概論 第 2 章 開始使用 Unix/Linux
PhotoCap 4.3 輕鬆上手 製作者:林秀吟.
第 7 章 設定網頁背景與音樂.
和諧社區資訊服務推廣計畫 -軟體雲端社區 資訊研習營
影像類型 全彩:每個像素也是由R (紅)、G (綠) 及B (藍) 三種顏色混合而成, 紅、綠及藍各佔8 bits 空間, 所以一個像素佔了24 bits, 也就是有 224=16,777,216 種顏色變化, 這已經超過肉眼能辨識的極限了, 因此被稱為全彩影像。 由於全彩影像的色彩最豐富, 所以最常拿來做影像處理之用。
第三章 影像媒體.
多媒體素材概要 圖片聲音和視迅.
中文字SVG檔製作 利用線上文字產生器 編製者:陳培文
2 数字图像基础 赵国庆 博士 北京师范大学教育技术学院
第1章 图像处理基本知识 本章简介: 本章将主要介绍图像处理的基础知识,包括位图与矢量图、图像尺寸与分辨率、文件常用格式、图像色彩模式等。通过对本章的学习,可以快速掌握这些基础知识,有助于更快、更准确地处理图像。
影像處理軟身操 數位影像的基本觀念與實作 劉明玲主講.
檔案與磁碟的基本介紹.
Photoshop 7.0 第四組 電機四 曾鈺鈞.
FTP檔案上傳下載 實務與運用.
私立南山高中 信息組 電腦研習 電腦資料的備份 中華民國 99年4月20日 星期二.
電腦美術設計基本知識.
第一章 數位影像的概念.
基本色彩名詞 徐必大 老師.
課題:色彩的本質 科目:中一美術科.
圖片格式簡介 張啟中.
認識影像的形式 認識影像的擷取環境 認識影像的儲存格式 學習影像的處理工具 建立影像處理的能力
雙色鑰匙圈製作 Flashprint + Tinkercad
Prepare by Jean Huang 黃瀞儀
HTML – 超連結與圖片 資訊教育.
備審資料製作〈二〉 影像處理─上
高中二資訊科 數碼圖像.
這是對比彩度配色嗎? 圖片來源:flickr 作者:likeyesterday
    顏色的魔術師 對比色與類似色 暖色系.寒色系.中性色系.
Flash 8 基本簡介.
MicroSim pspice.
備審資料製作〈四〉 整合製作與應用
Chapter 15 檔案存取 LabVIEW中的檔案存取函數也可將程式中的資料儲存成Excel或Word檔。只要將欲存取的檔案路徑位址透過LabVIEW中的路徑元件告訴檔案存取函數後,LabVIEW便可將資料存成Excel或Word檔;當然也可以將Excel或Word檔的資料讀入LabVIEW的程式中。
義守大學資訊管理研究所 在職專班 網頁色彩學--- 以顏色分析網頁設計 指導老師:吳有龍教授 學生:陳正忠 學號: G.
第7章 掃描器與影像處理軟體操作 / 7-2 認識影像處理
1-1 二元一次式運算.
Photoshop.
Chapter 1 認識數位影像.
多媒體網頁 授課教師:葉生正教授.
Photoshop CS 電機四 祝伯翰.
6.1 動畫檔案的格式 6.2 建立合適的動畫元素.
資料表示方法 資料儲存單位.
Chapter 2 影像壓縮簡介.
小畫家教學 電子版儲存於 學校網頁/學科資訊/電腦科
第十三章 彩色影像處理.
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
快取映射 之直接對映 計算整理.
Presentation transcript:

影像處理

什麼是影像處理 影像:指的是一張圖片或照片 影像處理:把影像處理得與原來的不一樣

像素 像素是電腦(數位)影像的最小單位。 每一張圖片,都是由一個個的像素所組成,而每一個像素則包含了顏色的資訊,簡單的說,像素就是填滿顏色的小點。 一張尺寸為800 ×600的圖片,表示寬有800個像素高有600個像素,所以這張圖片一共有480000像素。像素愈多,圖案的尺寸就愈大。 由像素構成的圖片,稱為點陣圖,點陣圖能以最原 始真實的呈現圖片原本的風貌及色彩的細微差異。

解析度 解析度指的是每英吋內含有幾個像素。 每英吋裡含有的像素愈多,解析度就愈高,圖片愈細緻,當然檔案的size就愈大。 這張圖片的解析度是150dpi,指的就是影像的解析度,也就是指這張圖裡,每英吋含150個像素。 ※dpi;dot per inch

螢幕解析度 螢幕解析度就是使用者在螢幕上看影像時,所感受到的解析度。常見的設定有 640x480、800x600、1024x768等。 螢幕解析度是由顯示卡(Display Card)所決定的,並不是由螢幕所決定。 由於特定螢幕的顯示尺寸不會改變的,當我們將螢幕解析度由 640x480 調整成 1024x768 時,螢幕上必須容納更多的像點,所以,原本的影像看起來會更加地細緻。 螢幕解析越高,意味著你在螢幕上所見的影像更細緻,色彩更為逼真。

色彩解析度 所謂色彩解析度是指電腦使用多少位元(bit)來記錄色彩,位元越多色彩的解析度越高,例如在256色中,使用8位元,也就是一個位元組(byte)來記錄色彩資訊,因而可以記錄2^8 = 256種顏色。如果使用16位元來記錄色彩,則可以記錄2^16 = 65536個色彩,而使用24位元,則可以記錄2^24 = 16777216。 至於目前有所謂32位元的色彩解析度,其使用24位元的true color為基礎來描述色彩,並加上8位元的額外資訊,例如transparent等,並不是真正使用32位元來描述色彩。 如果使用越高的色彩解析度,則由於所使用的位元越多,所耗用的記憶體也就越多,如果將這些色彩資訊儲存為圖檔,則檔案的容量也就越大。 如果要在螢幕上顯示一個圖像,則必須先將圖像儲存在顯示卡的記憶體上,如果顯示卡的記憶體容量不夠,則圖像資訊無法放入。另外作業系統也會根據驅動程式或本身的設定來影響色彩輸出,同一個圖像在不同的作業系統上也會有不同的色彩輸出。

縮小圖形 有時候常會為了檔案太大,導致打開檔案或是列印時,會有打不開檔案或是當機的情事,大部份的原因多源自圖形SIZE太大,導致記憶體容量負荷不了,所以根本的方法就是縮小圖形SIZE。 掃描時,將dpi或尺寸縮小。 改變圖形檔案類型 將圖形另存新檔時,將圖形檔案類型改成JPG檔。 將圖形在改成256色,存成GIF檔。 改變圖形檔案的尺寸 選擇 格式 → 尺寸 ,縮小圖形的尺寸。

影像的基礎 點陣圖和向量圖 影像的色彩與亮度

點陣圖(Bitmap) 點陣圖使用像素儲存影像資料,使用dpi為單位,例如:網頁圖檔只需擁有螢幕的解析度72dpi,也就是每平方英寸擁有72像素。 目前知名的點陣圖影像工具有PhotoImpact、PhotoShop和PaintShop 、 Pro 、 JPEG、GIF和PNG。 網頁圖檔格式都屬於點陣圖,在放大圖片後,可以看到圖片如同馬賽克般是使用像素所組成。

向量圖(Vector) 向量圖的儲存方式是儲存圖片的直線、圓形和曲線等物件元素,圖檔的尺寸比點陣圖小,CorelDraw、FreeHand和Illustrator都屬於向量圖的影像工具,Flash也是使用向量圖建立電影動畫,向量圖在放大後並不會產生點陣圖邊緣的鋸齒效果,圖片仍然擁有平滑的邊緣。

影像的色彩與亮度 影像圖檔的色彩是使用自然界的紅、黃和藍三原色所組成,由這三種原色相互搭配調配出其它色彩,亮度是在影像加入光線,例如:紅色移除光線就成為暗紅色,移除所有光線就成為黑色。 「遞色」是使用較少的色彩數摸擬出缺少的色彩,例如:GIF格式只支援256色,如果將JPEG全彩圖片轉換成GIF圖檔,就需要使用256色模擬出全彩的色彩數。

色相:指色彩的相貌,或是區別色彩的名稱,如紅、黃、藍......等。 明度:指色彩明暗的程度。 彩度:指色彩飽和的程度或色彩的純粹度。 冷色系:在色相環中,以黃綠和紫色兩個中性色為界,綠、藍綠、藍等為冷色。 暖色系:在色相環中,以黃綠和紫色兩個中性色為界,紅、橙、黃等為暖色。 以彩度而言,彩度愈高愈趨暖和感。另外明度高的色彩有涼爽感,明度低的有暖和感,這可以用物理上的熱量來解釋,淺色反射熱量,吸熱少,故有涼爽感;暗色則反之,固有暖和感。

對比色:對比色相的配色是在色相環上成120度~150度的色相彼此間的配色。具有活潑、明快的感覺。 互補色:位於色相環上直徑的兩端,互成180度的兩色之配色,也即是冷色與暖色的配色,是對比最強烈的配色,若不加以控制,容易產生眩目、喧鬧等不調和的感覺。 色光的三原色:色光三原色是以生理學及物理學的觀點來立論,發現紅(Orange Red)、綠(Green)、紫藍(Violet Blue)三原色具有如下特性:(1.)不能再分解。(2.)不能由其他色光混合出來。(3.)三色等量混合時,會形成白色。因而確立紅、綠、紫藍為光的三原色。稱為(加法混合) 色彩的三原色:顏料或染料中的洋紅(Magonta Red)、黃(Hanza Yellow)、藍(Cyanine Blue)為色料三原色,各種色相都可以利用三原色互相混合而成,色料混合愈混合變得愈黑暗,這種混合稱為(減法混合)。

GIF與JPEG圖檔的處理 製作GIF透明圖 交錯型GIF圖檔 漸進式JPEG圖檔

製作GIF透明圖 GIF格式的圖檔可以去掉背景成為透明圖,在插入網頁後就可以溶入網頁背景,PhotoImpact在儲存圖檔時可以設定透明度,建立GIF透明圖。

交錯型GIF圖檔 如果GIF圖檔尺寸比較大,下載網頁時需要等待較長的時間,才能看到圖片內容,此時GIF圖檔可以使用交錯型GIF圖檔,在下載圖檔時,首先看到矇矓的圖片,然後逐漸看到清楚的圖片內容,讓使用者感覺圖片下載速度比較快。

常用圖檔副檔名gif 、 jpg 、 png gif gif的優點在於檔案容量小適合存取簡單圖形像是單一線條,顏色單純標題與一些色彩單純的小圖示,並且可以將圖片背景透明化更能融入我們網頁裡並且可以製作動態圖示也是所謂的閃圖,所以在網頁設計裡許多圖片都是存成gif的格式來處理,所以gif檔具有靜態動態的功能。 缺點:適合儲存256色的影像,不適合用來存取色彩豐富的圖片像是風景人物照片等等..因為他的色彩度不高會有失真的情況發生大大減低了圖片的美觀度。

常用圖檔副檔名gif 、 jpg 、 png jpg jpg圖檔適合存取人物風景與色彩豐富的圖片,像如果自己用photoshop這類的繪圖軟體製作完的美工作品多半是存成jpg檔的格式。他有較佳的色彩支援度,jpg檔指適用於靜態無法像gif那樣製作閃圖功能。 缺點:jpg檔並不適合存取過於單純的圖形或是標題因為會造成圖片有些模糊會讓人感覺不舒適。

常用圖檔副檔名gif 、 jpg 、 png jpg 適用於儲存24位元全彩影像,但不支援透明或動畫。JPEG格式運用壓縮運算法可以將影像資料壓縮成數十分之一的大小,但壓縮比愈高時影像的資料耗損程度會愈大,影像也會愈失真(為達到高度壓縮,部份資料會被忽略)。 多數的影像編輯軟體可以調整JPEG的壓縮比值,一般壓縮比10左右比較無法分辨出與原先的差別。雖然JPEG檔好用,但因是破壞性壓縮,所以不宜重複壓縮,過度的破壞會造成影像的品質愈來愈差。

常用圖檔副檔名gif 、 jpg 、 png png PNG(Portable Network Graphics)格式與同是網路上流通的影像格式JPEG及GIF相較,有諸多優秀的特性:PNG壓縮影像不失真,可儲存 48 位元的彩色影像,比JPEG的24位元高,像素色彩也可有256種不同的透明度選擇,可讓圖像在任何背景上,看不到接縫,改善了GIF格式像素色彩只能有透明或不透明兩種選擇,及GIF檔描邊不佳的問題(GIF檔通常需要針對每種背景顏色採用不同的反毛邊修飾)。 png圖檔為目前算是新的圖檔類型他等於gif和jpg的結合,可以像gif檔一樣製作動態閃圖也可以像jpg一樣存取色彩豐富的風景圖片。 缺點:不能像GIF一樣作為動畫檔的儲存格式,png圖檔的圖片檔案大小較大,並且目前有些伺服器並還未不支援png這類型的圖檔照樣是以gif與jpg作為主流,所以使用png檔前請先考量自己所存放的伺服器是否有支援。

影像的色彩類型 黑白:黑白影像,非黑即白。利用黑色像素的疏密排列,可以製造灰色的效果。 灰階:顏色從黑色到白色共有256種變化,也就是深淺不同的灰色影像。 16色:以16種顏色來構成圖案。 256色:以256種顏色構成圖案,這比16色的圖片色彩還要豐富。若以純彩色系圖案來說,256色已經可算是完備的圖案了。 全彩:每格的像素都由RGB(紅、綠、藍)三色混成,總共有1677萬種顏色的變化,比起其他色彩類型,全彩可說是最完美的圖案。

黑白 灰階 全彩 256色 16色

常用的影像檔案格式 BMP TIF GIF JPG PNG 點陣圖型,專門用在作業系統上,各軟體的圖形均能彼此相通,但因其無法壓縮全彩圖形,存檔後檔案較大。 TIF 印刷輸出的最佳選擇,TIF檔案格式可以跨平台,提供非破壞性的壓縮。 GIF 網頁上最常用的圖形格式之一,存檔後體積小,圖片也不會失真,多屬256色圖案。 JPG 也是網頁常用的圖形格式之一,壓縮率相當高,屬破壞性壓縮,存檔時會捨棄某些像素,造成圖片失真,不過,肉眼是分辨不出來的。 PNG PNG檔結合了GIF及JPG的優點,可存成透明圖,也支援全彩,而且是屬於非破壞性的壓縮,較能保有圖片原有的品質。