點陣圖與向量圖

點陣圖(Bitmap)

定義:是使用像素陣列(Pixel-array/Dot-matrix點陣)來表示的圖像。

特性:解析度越高,檔案越大;有較豐富的色彩變化;放大會失真模糊且呈現鋸齒狀。

參考網站:https://zh.wikipedia.org/wiki/%E4%BD%8D%E5%9B%BE


一般使用者常見的格式:

jpg、jpeg(Joint Photographic Experts Group )不支援透明背景;不支援動畫使用;數位相片中最常見的格式;全彩。

可參考:https://zh.wikipedia.org/wiki/JPEG


gif(Graphics Interchange Format)支援透明背景;支援動畫使用;常見於製作動畫使用256色(8位元色 )。

可參考:https://zh.wikipedia.org/wiki/GIF


png(Portable Network Graphics)支援透明背景;不支援動畫使用;最常用於網頁製作使用;全彩。

可參考:https://zh.wikipedia.org/wiki/PNG


bmp(取自Bitmap縮寫):不支援透明背景;不支援動畫使用;檔案大,專有(微軟),目前少用;全彩。


各檔案格式比較請參考:https://zh.wikipedia.org/wiki/%E5%9B%BE%E5%BD%A2%E6%96%87%E4%BB%B6%E6%A0%BC%E5%BC%8F%E6%AF%94%E8%BE%83#%E4%BD%8D%E5%9B%BE


WebP:副檔名→.webp

官方網站:https://developers.google.com/speed/webp/

說明:是一種同時提供了有損壓縮與無失真壓縮(可逆壓縮)的圖片檔案格式是由Google在購買On2 Technologies後發展出來,以BSD授權條款釋出。

可參考:https://www.ithome.com.tw/news/126842https://zh.wikipedia.org/wiki/WebP

網路上說明比較:https://jiemr.com/webp




高效率圖檔格式 (High Efficiency Image File Format, HEIF ):

常見的副檔名:大概分成兩大類

.heif, .heifs; .heic, .heics: 目前常見於手機或平板(iOS系列)

.avci, .avcs; .avif, .avifs :是HEIF ISO標準和Mozilla,Xiph,Google,Cisco等許多公司的"開源"、"免版稅"AV1編解碼器的組合 ,目前常見手機或平板(andriod系列-12以上)。


網路上說明比較:https://www.imagejoy.com/article/658

各類型詳細比較請參考:https://zh.wikipedia.org/wiki/%E9%AB%98%E6%95%88%E7%8E%87%E5%9B%BE%E5%83%8F%E6%96%87%E4%BB%B6%E6%A0%BC%E5%BC%8F


向量圖

定義:是電腦圖學中用點、直線或者多邊形等基於數學方程的幾何圖元表示的圖像。

特性:檔案大小與解析度無關;構圖與色彩較簡單;放大依舊清晰不會模糊。

參考網站:https://zh.wikipedia.org/wiki/%E7%9F%A2%E9%87%8F%E5%9B%BE%E5%BD%A2


一般使用者常見的格式:

svg(Scalable Vector Graphics ):是一種基於可延伸標記式語言(XML),用於描述二維向量圖形的圖形格式。SVG由W3C制定,是一個開放標準,還在發展中,可編輯不同格式的向量圖。

可參考:https://zh.wikipedia.org/wiki/%E5%8F%AF%E7%B8%AE%E6%94%BE%E5%90%91%E9%87%8F%E5%9C%96%E5%BD%A2


ai(Adobe Illustrator 簡稱):是Adobe系統公司推出的基於向量的圖形製作的付費軟體,屬於封閉格式,還在發展中,可編輯不同格式的向量圖。


pcv:是Photocpa軟體向量圖專用檔案格式,屬於封閉格式,不再更新發展,其它類似軟體無法打開使用



圖層

說明:可以想像成堆疊在一起透明或是有顏色的膠片,每一個圖層上面可以加入圖像、文字等物件。



像素(pixel):組成數位影像(點陣圖)的最小單位。

解析度:計算單位是【dpi】;例如:解析度300dpi,就是1英吋的長與寬有300*300個像素。


色彩飽和度-color saturation):

色度(chroma)

色調(hue)

亮度(lightness)

影像尺寸:

1.尺寸越大,檔案大小越大。

2.數位影像的長寬尺寸,例如「800*600」、「1024*768」、「1440*900」等,表800*600像素、1024*768像素、1440*900像素

列印尺寸:

1.列印出實際的尺寸,例如「A4」,紙張大小為21cm*29.7cm。

2.相同的列印尺寸,解析度越高,列印品質越好;反之會越模糊。



點陣圖與向量圖的特性比較



相片調整

亮度/對比


色相/飽和度


影像旋轉


濾鏡特效


修相功能

打光

去除紅眼

去除黑斑疤痕

銳化

柔化肌膚


影像合成

去背