-
1 # 拍客視界
-
2 # 王牌小胖
向量圖與點陣圖
向量圖與點陣圖均為影象的表述方式，向量圖可以理解為在我們口中描述圖形的方法，比如：圖A：一個半徑10cm的綠色實心圓，重點包括：圓、實心、綠色、半徑為10cm、圓心位置，這些資訊只需要很少的位元組即可記錄圖A，因而，向量圖所佔空間較小；還有一個特點就是放大以後不會變形，因為不管放多大，其特徵都是固定的。向量圖缺點也很明顯，難以表述複雜場景。基於向量圖放大不變形的特點，目前有一個重要的應用場景是電子地圖。
點陣圖的基本單元為畫素，點陣圖即是畫素的集合，具體到某一張平面圖片，將其量化為width*heigh的畫素矩陣，每個畫素使用一定的規則（RGB或YUV，稍後細述）進行表述，得到整個圖片的二進位制檔案格式即為點陣圖。不經過處理的點陣圖持有原圖的全部數字化資訊，圖片檔案比向量圖要大很多。
二、RGB
點陣圖的每個畫素可以用RGB格式表述，RGB也是畫素點色彩值的最直觀表述，常用的RGB包括RGB565、RGB888，表示不同的量化級別，以RGB888為例，分別採用8個bit表示紅色、藍色和綠色，各色值的量化範圍為[0,255]，可以表述2^24個色值。一幅720*1080的圖片如果用RGB888表述的話大小為：720*1080*3=2M左右，檔案較大，一般都要進行壓縮處理。當前大部分的壓縮處理演算法是不是基於RGB的，而是針對YUV的。還有一種ARGB格式，在RGB的基礎上，加上了Alpha通道，可以處理圖片的透明部分。
三、YUV
RGB是把圖片的每一個畫素值用RGB的格式進行表述，YUV是另一種表述格式，也是針對每一個畫素的，提取畫素的亮度（Y分量）、色差（UV分量）。RGB的儲存中，每個畫素的R分量G分量B分量是挨著存放的，而YUV則是分為Y塊、U塊、V塊三個矩陣，人眼最敏感的Y塊全量保留，UV分塊則可進行壓縮處理。YUV的格式包括：YUV444、YUV422、YUV420、YUV411，表示不同的壓縮比例，YUV444為源畫素值。怎麼理解呢，看下述步驟：
首先，取相領的2*2的四個畫素
[Y1,U1,V1][Y2,U2,V2]
[Y3,U3,V3][Y4,U4,V4]
YUV444即為上述的四個值全部保留，YUV各佔1Byte，四個畫素所需空間為4*3=12B
YUV422為U值兩個畫素取一個、V值也是兩個畫素取一個，結果為：
[Y1,U1,V2][Y2,U1,V2]
[Y3,U3,V4][Y4,U4,V4]
四個畫素所佔空間為4*2=8B
YUV411四個畫素使用一個畫素的UV分量，編碼結果為：
[Y1,U1,V3][Y2,U1,V3]
[Y3,U1,V3][Y4,U1,V3]
所佔空間為4*3/2=6Byte
YUV420並非不要V分量，而是以行為單位，一行取U值，一行取V值
擴充套件一下源畫素，第三、四行為：
[Y5,U5,V5][Y6,U6,V6]
[Y7,U7,V7][Y8,U8,V8]
YUV420的編碼結果為：
[Y1,U1,無][Y2,U1,無]
[Y3,U3,無][Y4,U3,無]
[Y5,無,V5][Y6,無,V5]
[Y7,無,V7][Y8,無,V7]
8個畫素所佔空間為8*3/2=12Byte，4個畫素的話為6B
一幅720*1080的圖片YUV420格式的大小為：720*1080*3/2=1M左右，是RGB的一半。
RGB與YUV的轉換公式：

矩陣形式：

要注意的是在寫程式碼實現上，兩者的儲存方式不同，RGB連在一起，YUV分塊存放。
四、JPEG
JPEG是一種有失真壓縮格式，其壓縮比可達1:100，一般在1:10左右，右側的值越大，檔案越小，但清晰度也越低，其演算法 的實現原理有非常多的文章描述的很清楚了，也不是很複雜，下面是我看到的幾篇比較好的，推薦給大家：
中文：
https://blog.csdn.net/newchenxf/article/details/51719597/
https://blog.csdn.net/asdzheng/article/details/51779038
英文資料中維基上的就很全：
https://en.wikipedia.org/wiki/JPEG
總體說來，先壓縮UV分量，然後分別對Y、U、V塊進行離散餘弦變換，將變換完的矩陣使用量化矩陣（和壓縮比有關係）進行量化，Z字形拉平矩陣，哈夫曼編碼。
五、PNG
PNG是一種無失真壓縮格式，也就是說經過PNG編碼後的影象解碼後可以保留原始檔全部資訊。當然，這個只是理論的，在實際演算法中，與PNG支援的色度有關，比如，PNG表示一個顏色值使用8bit，則可以表示256種顏色，也就是說編碼及解碼可以達到256種顏色的還原，24位的PNG和RGB的精確度是一致的。PNG演算法壓縮原理利用的是影象相鄰的色值有大面積重複部分，比如說，拍攝的藍天白雲，其藍天部分的色值重複率就很高。PNG演算法中首先按影象從左到右、從上到下獲得各畫素點的色值，然後在表示色值M之前會加一個重複個數的值N，表示該M色值往後N位全就都是M色值，N最大可表示的值取決於重複個數的二進位制位，比如8位，最多可表示256個重複值，超過256，即使仍然是相同顏色，也要需要新起色值表示，這樣重複色塊就合併成數量+色值的表示，從而達到壓縮效果。影象重合塊越多，PNG的壓縮效果就越好
-
3 # Geek極客
一、向量圖與點陣圖
向量圖與點陣圖均為影象的表述方式，向量圖可以理解為在我們口中描述圖形的方法，比如：圖A：一個半徑10cm的綠色實心圓，重點包括：圓、實心、綠色、半徑為10cm、圓心位置，這些資訊只需要很少的位元組即可記錄圖A，因而，向量圖所佔空間較小；還有一個特點就是放大以後不會變形，因為不管放多大，其特徵都是固定的。向量圖缺點也很明顯，難以表述複雜場景。基於向量圖放大不變形的特點，目前有一個重要的應用場景是電子地圖。
點陣圖的基本單元為畫素，點陣圖即是畫素的集合，具體到某一張平面圖片，將其量化為width*heigh的畫素矩陣，每個畫素使用一定的規則（RGB或YUV，稍後細述）進行表述，得到整個圖片的二進位制檔案格式即為點陣圖。不經過處理的點陣圖持有原圖的全部數字化資訊，圖片檔案比向量圖要大很多。
二、RGB
點陣圖的每個畫素可以用RGB格式表述，RGB也是畫素點色彩值的最直觀表述，常用的RGB包括RGB565、RGB888，表示不同的量化級別，以RGB888為例，分別採用8個bit表示紅色、藍色和綠色，各色值的量化範圍為[0,255]，可以表述2^24個色值。一幅720*1080的圖片如果用RGB888表述的話大小為：720*1080*3=2M左右，檔案較大，一般都要進行壓縮處理。當前大部分的壓縮處理演算法是不是基於RGB的，而是針對YUV的。還有一種ARGB格式，在RGB的基礎上，加上了Alpha通道，可以處理圖片的透明部分。
三、YUV
RGB是把圖片的每一個畫素值用RGB的格式進行表述，YUV是另一種表述格式，也是針對每一個畫素的，提取畫素的亮度（Y分量）、色差（UV分量）。RGB的儲存中，每個畫素的R分量G分量B分量是挨著存放的，而YUV則是分為Y塊、U塊、V塊三個矩陣，人眼最敏感的Y塊全量保留，UV分塊則可進行壓縮處理。YUV的格式包括：YUV444、YUV422、YUV420、YUV411，表示不同的壓縮比例，YUV444為源畫素值。怎麼理解呢，看下述步驟：
首先，取相領的2*2的四個畫素
[Y1,U1,V1][Y2,U2,V2]
[Y3,U3,V3][Y4,U4,V4]
YUV444即為上述的四個值全部保留，YUV各佔1Byte，四個畫素所需空間為4*3=12B
YUV422為U值兩個畫素取一個、V值也是兩個畫素取一個，結果為：
[Y1,U1,V2][Y2,U1,V2]
[Y3,U3,V4][Y4,U4,V4]
四個畫素所佔空間為4*2=8B
YUV411四個畫素使用一個畫素的UV分量，編碼結果為：
[Y1,U1,V3][Y2,U1,V3]
[Y3,U1,V3][Y4,U1,V3]
所佔空間為4*3/2=6Byte
YUV420並非不要V分量，而是以行為單位，一行取U值，一行取V值
擴充套件一下源畫素，第三、四行為：
[Y5,U5,V5][Y6,U6,V6]
[Y7,U7,V7][Y8,U8,V8]
YUV420的編碼結果為：
[Y1,U1,無][Y2,U1,無]
[Y3,U3,無][Y4,U3,無]
[Y5,無,V5][Y6,無,V5]
[Y7,無,V7][Y8,無,V7]
8個畫素所佔空間為8*3/2=12Byte，4個畫素的話為6B
一幅720*1080的圖片YUV420格式的大小為：720*1080*3/2=1M左右，是RGB的一半。
RGB與YUV的轉換公式：
矩陣形式：
要注意的是在寫程式碼實現上，兩者的儲存方式不同，RGB連在一起，YUV分塊存放。
四、JPEG
JPEG是一種有失真壓縮格式，其壓縮比可達1:100，一般在1:10左右，右側的值越大，檔案越小，但清晰度也越低，其演算法 的實現原理有非常多的文章描述的很清楚了，也不是很複雜，下面是我看到的幾篇比較好的，推薦給大家：
中文：
https://blog.csdn.net/newchenxf/article/details/51719597/
https://blog.csdn.net/asdzheng/article/details/51779038
英文資料中維基上的就很全：
https://en.wikipedia.org/wiki/JPEG
總體說來，先壓縮UV分量，然後分別對Y、U、V塊進行離散餘弦變換，將變換完的矩陣使用量化矩陣（和壓縮比有關係）進行量化，Z字形拉平矩陣，哈夫曼編碼。
五、PNG
PNG是一種無失真壓縮格式，也就是說經過PNG編碼後的影象解碼後可以保留原始檔全部資訊。當然，這個只是理論的，在實際演算法中，與PNG支援的色度有關，比如，PNG表示一個顏色值使用8bit，則可以表示256種顏色，也就是說編碼及解碼可以達到256種顏色的還原，24位的PNG和RGB的精確度是一致的。PNG演算法壓縮原理利用的是影象相鄰的色值有大面積重複部分，比如說，拍攝的藍天白雲，其藍天部分的色值重複率就很高。PNG演算法中首先按影象從左到右、從上到下獲得各畫素點的色值，然後在表示色值M之前會加一個重複個數的值N，表示該M色值往後N位全就都是M色值，N最大可表示的值取決於重複個數的二進位制位，比如8位，最多可表示256個重複值，超過256，即使仍然是相同顏色，也要需要新起色值表示，這樣重複色塊就合併成數量+色值的表示，從而達到壓縮效果。影象重合塊越多，PNG的壓縮效果就越好。
-
4 # 小圓點科技
要徹底搞明白這幾個東西，我們要先理解幾個概念。
1.儲存格式
眾所周知，不管我們使用的計算機還是手機，不管是圖片、音訊、影片、文字等各種檔案，在最底層，都只有0和1這兩個元素。
而儲存格式就是按照相應的規定，把代表一個檔案（圖片、音訊、影片、文字等）的0和1遵照這個規定儲存起來，當我們開啟這個檔案的時候，計算機又遵循這個規定把檔案展現出來。
明白了這個，我們再來看看題主提出的PNG和JPEG，這兩個東西均是圖片的儲存格式。他們描述了一張圖片的完整資訊，計算機或者其他影象裝置遵循這個格式來儲存或者顯示這個格式的圖片。每種圖片的儲存格式均有其優缺點，這裡我們不做更深的探討。
2.顏色模型
提起“三原色”這個名詞，大多是人並不陌生，咱們五彩斑斕的世界，均是由這三原色搭配混合而成。而RGB光從字面理解即是紅色（red）、綠色（Green）、藍色（Blue）總稱。在工業界，RGB色彩模式就是一種顏色標準，透過對這三個顏色通道的變化以及相互之間的疊加來得到各種各樣的顏色，比如咱們的顯示屏。
當我們提到RGB色彩模式時，最簡單的理解就是它描述了一個畫素點的顏色的值，這個點的顏色分別由多少紅色（R）、多少綠色（G）、多少藍色（B）搭配混合而成。
而當我們提到RGB格式時，它所代表的，是下面我們要講的顏色編碼。
3.顏色編碼
其實這個和儲存格式類似，就是將描述顏色的數字按照一定的格式儲存起來，YUV即是一種顏色編碼的方法，上述提到的RGB格式也是顏色編碼的方法。
YUV中，Y即代表亮度，U和V則代表色度，以此來描述影像的色彩和飽和度。常用在各種影片處理元件中。
-
5 # KOALA
PNG是一種無失真壓縮格式，也就是說經過PNG編碼後的影象解碼後可以保留原始檔全部資訊。
JPEG是一種有失真壓縮格式。其壓縮比例可達1:100，一般在1:10左右，右側的值越大，檔案越小，但清晰度也越低。
YUV是針對每一個畫素的，提取畫素的亮度、色差。
RGB是畫素點色彩值的最直觀表述，點陣圖的每個畫素可以用RGB格式表述。
-
6 # 我是一個西瓜w
這些是影象的格式，jpg和png是我們最常用的照片格式，平時我們拍照片，手機裡的圖片大部分都是JPG格式。RGB是一種色彩模式，通常我們手機顯示屏，電腦顯示屏的顯示模式都是RGB模式。學做PS有點PS基礎的人都知道這些格式！影象格式的種類比較多，格式是PS的用法不同的要求，不同的格式！
回覆列表
這些是影象的格式，jpg和png是我們最常用的照片格式，平時我們拍照片，手機裡的圖片大部分都是JPG格式。RGB是一種色彩模式，通常我們手機顯示屏，電腦顯示屏的顯示模式都是RGB模式。學做PS有點PS基礎的人都知道這些格式！影象格式的種類比較多，格式是PS的用法不同的要求，不同的格式！