2018年1月8日 星期一

04360455 張力仁 HW04

這次要介紹的是空間濾波,在這之前要先介紹什麼是濾波器,相信各位在拍攝時多少會有手抖的情況而導致圖片拍攝模糊,或者是看電視時訊號不好會發現電視上有許多小白點,為了解決這些問題有了濾波器,顧名思義就是把我們不要的濾掉,把我們想要的留下來。

濾波器是一個正方形的結構,以每單位分成一小格,每小格都有一個數值稱為濾波器係數,在這個作業中我們是用九宮格形狀的濾波器。
c代表著濾波器的數值,每小格用座標點來表示,大家應該都知道一張圖片是由好幾個pixel組成,所以一張圖片都有對應的座標點,代表該pixel的顏色,而我在操作圖片時是由左往右再從上往下看,因此濾波器的對應座標也是由左往又在從上往下安排。

使用濾波器的方法相當簡單,中心點(0, 0)代表著我們要更動的顏色的,只要把鄰近九宮格的顏色乘上對應座標的濾波係數後再加起來並設定為新的中心點顏色,特別要注意的是每個pixel由rgb三種顏色組成,在使用濾波器時要分開操作,例如更動某座標的r,則只要把相鄰座標的r與對應的濾波係數相乘後相加即可。
聰明的你一定會覺得有奇怪的地方,如果我們在處理邊界的pixel時會沒辦法用濾波器完全遮蓋,碰到這問題該怎麼辦呢?在這裡我們採用一種偷懶的方式就是最外層的pixel我們忽略不看,這樣一來每個pixel都會有一個對應的九宮格了。
介紹完濾波器後開始介紹空間濾波的第一種:平滑濾波器,平滑濾波器主要是在將圖片模糊化以減少雜訊,如果有一個pixel因為干擾變成白點則可以用周圍的顏色來彌補那個白點所造成的干擾,簡單來講就是中心點設為九宮格的平均值,也就代表濾波器的係數全部為1,如果覺得離自己越近的顏色參考比例要比較高,也可以自行調整濾波器的係數。
平均
靠近自己影響越大,比例越高
特別要注意的是記得當你算完總和後要除上所有濾波係數的總和,上圖的話要除9,下圖則要除16。

首先來試試沒干擾的圖片的平滑化處理,可以發現上圖跟下圖比較起來變得模糊很多。

接著嘗試將一張有干擾的圖片進行平滑化處理,發現小白點幾乎都不見了,但是圖片還是較為模糊。

接著介紹第二種空間濾波:中值濾波器,中值濾波器主要用來消除干擾所造成的白點或黑點,將九宮格的顏色依照色彩值進行排序,並取中間的值設定成新的中心點顏色,因為白點與黑點分別為255和0,在排序後干擾的顏色會是最小或最大值,此時若取中值則可以排除干擾的白色與黑色。


由上圖可以發現中值濾波器一樣可以將干擾訊號排除,此時你是否有疑問,中值與平滑皆可以去除干擾,那到底差異在哪裡?
我們知道平滑是將其他顏色當作參考,取九宮格的平均值為新中心點,因此可以知道若雜訊多時,圖片會變得較模糊,而中值因為是利用黑白點排序後會在邊緣的方法來排除雜訊,在處理雜訊多時若雜訊很分散,則中值的效果會好很多。
中間為平滑後的結果,右圖為中值的結果  
接著介紹最後一種空間濾波: 銳化濾波器,顧名思義就是將原本模糊的照片變得清晰,而這個濾波器跟微分有關係。
假設影像為一個函數f(x),因為每個pixel之間最小差1,因此微分為
f’(x) = f(x+1) – f(x)
f’’(x) = f’(x+1) – f’(x) = f(x+2) – f(x+1) – (f(x+1) – f(x))
      = f(x+2) – 2f(x+1) + f(x)
將中心點調整變成
f’’(x) = f(x+1) – 2f(x) + f(x-1)
現在將影像假設為f(x, y),利用偏微分以及上面的公式可推得
f’’(x, y) = f(x+1, y) – 2f(x, y) + f(x-1, y) + f(x, y+1) – 2f(x, y) + f(x, y-1)
      = f(x+1, y) + f(x-1, y) + f(x, y+1) + f(x, y-1) – 4f(x, y)
將以上公式變成濾波器
 而銳化濾波器g(x, y) = f(x, y) – f’’(x, y)
 = f(x, y) – (f(x+1, y) + f(x-1, y) + f(x, y+1) + f(x, y-1) – 4f(x, y))
 =5f(x, y) - f(x+1, y) - f(x-1, y) - f(x, y+1) - f(x, y-1)
將以上公式變成濾波器
千辛萬苦求出濾波器係數後跟上面一樣直接對應座標後即可達到銳化效果。



可以發現下圖比上圖清晰了許多。


2018年1月7日 星期日

04360526 陳亮廷 HW05

色彩模型

此次介紹的色彩模型有RGB色彩模型與YUV色彩模型
色彩模型是顯示色彩的一種方式,透過將不同程度的顏色
交疊成現在一張圖上,讓使用者來挑選顏色。

RGB色彩模型

此為RGB色彩模型的一種表現方式,這三張圖從左到右分別為R值固定(0)、G值固定(0)還有B值固定(0),而沒有固定的其他兩個色彩值則從0到255分別與X軸平行的線由左至右增加和與Y軸平行的線從上至下增加。
這三張圖RGB都有一個值固定,代表我們可以調整這個值。
此圖由左至右為R = 125、G = 255和 B = 200,其中,左圖因為我將R值提升了一半,所以大部分顏色變得較為接近暖色調,中間的圖因為我將G值條到最大值,幾乎整張圖都變成綠色的了,也因為透過這些調整,浮現了在上張圖沒有出現過的顏色,也可以說是在此色彩模型中不同顏色在圖上出現的面積改變了。
YUV色彩模型
YUV則是將RGB的色彩由U和V取代,並增加一個Y值來代表亮度。
和RGB模型相似,YUV色彩模型是由分別與X軸和Y軸平行的V值與U值和固定的Y值來呈現,實作上則是將YUV轉成對應的RGB值來顯示出來。
同樣的,因為Y值是固定的所以我們可以調整Y值。
Y = 0  的 YUV色彩模型

Y = 150 的 YUV色彩模型
Y = 255 的 YUV色彩模型
                                                 


我們可以把YUV色彩模型當成調色盤,來改變圖片的顏色。
使用Y = 150的YUV色彩模型
事實上不管YUV色彩模型的Y值為多少都不會影響我們圖片出來的結果,因為調色盤實作只是將不同亮度的灰階影響加上色彩值來顯示出顏色,Y值都是使用原本圖片像素的Y值。

首先我們必須先把圖片改成灰色,也就是只留下Y值。
產生不同顏色的照片。


心得

學到色彩模型對我最大的益處,就是在挑選顏色時更加方便了吧,有了YUV的觀念,又能將顏色顯示出來,讓我有更多方法能找到想要的顏色,可能是因為很少設計界面,挑選顏色對我有一定的難度,知識這東西,真的是在用到之後,才知道有用。

2018年1月4日 星期四

04360473 甯聖杰 HW03

第三次作業主要是在做色階的調整

以下是原圖

下圖是用於操控輸出入上界以及輸出入下界
分別是 輸入下界(inputmin)輸入上界(inputmax)
輸出下界(outputmin)輸出上界(outputmax)

輸入下界 是為 輸入這張圖最低的顏色彩度為


當我把輸入下界調成254時 也就是這張圖的最低彩度為254時

圖片變成了這樣,也就是說,254以下被改成254,254以上可以以原本的色彩值進入

而它的色階線為

緊貼著底線,直到到254時直接升到輸出入上界 255/255

接著把輸出下界改成100,也就是一百以下的色彩值會變為100才進行輸出
因為色彩值往上靠的關係,所以整張圖變得更為明亮




圖片是這樣來著
而這是色階線

而之所以輸入下界輸入在254時 圖片會全黑而不是全白跟公式有關


(Iinput - Iinputmin)又因,數字小於下界者以下界表示
若Iinputmin = 254
則Iinput < 254 Iinput = 254
因此 254 - 254 =0
最大值頂多255 - 254 = 1 
越接近0者越黑

Ioutput = Iinput-Iinputmin)*(Ioutputmax-Ioutputmin)/(Iinputmax-Iinputmin)+Ioutputmin;

曲線不會用hover 沒做

2018年1月2日 星期二

04360685 陳璋民 HW04

今天要介紹的是平滑、銳化及中間值濾波器

首先要先說明一下遮罩,下面三種濾波器都是利用不同的遮罩來做出不同效果,
遮罩可以想成九宮格,中間為目前像素,會受另外八格所影響。
處理影像時就是將遮罩跑過每一點進行改變。

平滑(Smooting)
原圖 <左> 與 Smooting(1/9) <右>
原圖 <左> 與 Smooting(1/16) <右>

這邊的(1/9)是遮罩前面的係數,可以發現些許差異

可以發現畫面變得模糊許多,這是因為遮罩讓每一點像素都被周遭所影響,
會讓相近的顏色變得更加相近,顏色分界也會變得模糊許多。

接下來是銳化(Sharping)
原圖 <左> 與 Sharping(5) <右>


原圖 <左> 與 Sharping(9) <右>

Sharping(5) 與 Sharping(9)


可以發現變化過後圖片更加明顯了,顏色更加分離,
後面的窗簾圖案也加清楚。
這是因為這遮罩讓每點像素變得比周遭更加明顯(占比較多),
所以才會讓相近的顏色分離,更加容易辨識。

平滑與銳化是兩對應的,一個模糊,一個清楚。

最後是中間值(Median)

原圖 使用1次胡椒鹽 <左> 與 處理後 <右>
原圖 使用5次胡椒鹽 <左> 與 處理後 <右>



中間值濾波器是將遮罩內的像素作排列,取中間值,
因此當該像素與周遭像素差距極大時,
就可以將其改為與周遭大致相同的顏色,
所以輕微的雜訊可以將其抹去,但當雜訊過於密集時就還是雜訊。

以就是平滑、銳化及中間值濾波器得介紹。
--

04360190 李正倫 HW03

色階及曲線調整

各位朋友我們又見面了,這次要討論的是有關圖片的色階調整和曲線調整。
首先依照慣例有請我們的模特兒登場:

這次是手舞足蹈的李銓校長。

色階調整

色階調整就是將原圖的色階等比例進行縮小或放大,超出輸出範圍的就強制轉為輸出的最大或最小值,關於等比縮小的概念如下圖:
這張圖表示了我們選定原圖色階的某個範圍(InputMin,InputMax)後,將其等比例縮小至輸出的顏色值(OutputMin,OutpuMax),而由圖中可以明顯發現這個轉換是使用等比三角形的公式,公式我這裡就不貼了,有學過國中數學的應該都會。

那就來實際看看效果吧!

在這張圖中可以看到我只有把Output Min調整為100,整體看起來稍微變亮以外,沒有差別,由於我把原圖中的色彩值0~255進行等比例的縮小成100~255,比例計算完後小於100的值都調整為100,黑色會變灰色,深紅會變紅,於是看起來會變亮。
同理可以得出將Output Max變小後會得到較暗的影像,由於是等比例也不會破壞原圖之色彩結構,我們可以了解到色階調整很適合用來進行圖片的亮度調整。

曲線調整

上面的色階調整是使用等比例的調整,那如果我們不想要等比例的話,就要用到我們的曲線調整了,顧名思義,曲線調整時會產生一個曲線方程式,將圖片中的色彩值根據方程式進行變更,也就是像這樣:


原圖的方程式就是輸入及輸出一模一樣,也就是x=y的方程式,在調整為上圖的曲線之後,和色階調整時很像,會有一半的色彩值變為255,不過色階調整剩下部分的是照比例,這個是曲線,效果就會讓對比度提升。

結論

有了色階調整與曲線調整後,就可以對圖片進行簡單的亮度、對比的調整,雖然是蠻簡單的功能,不過曲線的方程式可不是那麼好算。

04360190 李正倫 HW02

色階分佈圖與均化討論

各位朋友大家好,這次來討論圖片色階分佈圖和均化。
先來介紹本此主角,一樣是我們偉大的校長

首先讓我們了解一下甚麼是色階分佈圖,在RGB格式的圖片中每個小小的像素(Pixel)都是由三個顏色值0~255的R(紅)G(綠)B(藍)組成,純紅色就是(255,0,0),而色階分布圖就是統計0~255這256種出現了幾次,讓我們先直接看這張圖的色階分布圖吧


可以發現中間有三個特別高的紅色綠色藍色,可以推論出原圖中最多的顏色,也就是背景RGB值就是由這三個值所組成,這也是使用色階分佈圖的好處,可以馬上看出圖片的顏色構成,不過其實普通的圖不會有這麼明顯的差異。

接下來是要介紹均化,所謂的均化就是使用CDF(累積密度函數)來把圖片中較多的色階平均分散,先來看看把校長均化後的效果。
為什麼會變成這樣呢?
為了釐清原因,我們來看到均化後的色階分佈圖。
由這張圖可以得知,在均化時,由於顏色過於集中在某段區域,在平均分配時導致剩下顏色正常的部分和背景色去做平均,所以會看起來很奇怪。

那均化到底是來幹嘛的呢?
其實是將整體圖片過暗或過亮時才會用到,注意是整張圖,如果不是整張圖的話,就會變得和校長一樣。
以下是我在東華晚上用手機不開閃光燈拍的照片。

可以看到整體偏暗很多,於是使用均化試試看。


比起上面那張來說清楚許多,至於紅紅綠綠的那些點,我想是相機不好感光不敏感的原因。

結論

有了色階分布圖可以很快看出這張圖片的顏色構成(偏亮、偏暗、某種顏色最多),而當整體圖片都偏亮或偏暗時,使用均化就可以讓過暗或過亮的那些顏色平均分布回正常的區間,但是如果相機拍攝時分不出黑暗之中哪裡比較不暗哪裡非常暗,均化的效果也會不明顯許多。