香港外匯開戶網

首頁

>

名人創業史

橫向對比GIF/JPEG/PNG/SVG教你如何合理選擇圖像格式

作者:香港外匯開戶網

更新時間:2021/9/25 18:17:42

點擊次數:84次

image
  短視頻,自媒體,達人種草一站服務 圖像格式是指計算機存儲圖像的方式。
不同的文件格式決定著圖像不同的展示效果以及下載方式,理想的文件格式可以使圖像在不同的設備上都能良好的呈現,最大化發揮圖像的效用。
相反,不恰當的文件格式不但無法利用圖片極佳的視覺效果,反而可能會在移動設備上出現顯示不全等問題,影響網站的整體表現,降低用戶體驗的舒適度。
那么在做網站時究竟怎樣選擇最適合的文件格式呢位圖和矢量圖之間有什么不同什么時候應該使用PNG哪些地方應該選擇SVG呢今天小飛就針對這些問題,好好聊一下圖像文件的格式,介紹四種常見的圖像格式,分析分析不同圖像格式的適用情境。
四種常見的圖像格式: GIF:圖像互換格式 在網站中使用GIF已經有一段歷史了。
尤其是在建站早期,由于網速較慢,GIF憑借其體積小、成像相對清晰的特征俘虜了大批粉絲。
GIF是一種位圖格式,支持透明背景圖像。
它可以分為靜態GIF和動態GIF,動態GIF主要是指能夠儲存多幅彩色圖像,當我們將一個文件中的多幅圖像數據逐個讀出并顯示到屏幕上,就能夠構成一種簡單的動畫。
網上很多流行的搞笑gif圖就是這種格式。
JPEG:聯合圖像專家組 JPEG是JPG的全稱,個人偏好不同在稱呼上可能會有差異。
你可以讀"積派哥"也可以按照字母直接讀J P E G。
JPEG支持最高級別的壓縮性能,同時具備比較好的重建質量,在攝影、視頻處理領域廣為應用。
但是這種圖像格式是一種有損壓縮格式,雖然圖像可以壓縮到很小,但可能會丟失一些重復或者不重要的資料,破壞圖像數據的完整性。
不過,JPEG格式也很靈活,允許選擇圖像壓縮的不同程度,從0%(重壓縮)到100%(零壓縮)。
這樣我們可以盡量在圖像質量和文件尺寸之間找到一個平衡點,用最少的空間獲取較好的圖像質量。
實踐表明,60%到75%之間的壓縮程度能夠在很大程度上縮小文件尺寸,還能保證圖像的較高品質。
JPEG也是一種位圖格式,但它不支持透明背景圖像,更加適合顏色復雜的圖像。
PNG:可移植網絡圖形格式 從某種程度上來說,PNG是GIF和JPEG的結合體。
這是因為它設計之初的目的就是試圖取代GIF和JPEG格式,增加一些這兩種文件格式所不具備的特性。
一方面,與GIF格式相比,雖然gif支持透明背景顏色,但它只有1和0兩種透明信息,只有透明和不透明之分,而PNG支持α頻段0到255的透明信息,可以使圖像的透明區域層次分明,同時還能讓彩色圖像和背景圖片的邊緣呈現完美平滑的融合。
另一方面,與JPEG相比,由于PNG使用特殊的編碼方法標記重復出現的數據,它可以實現圖像高壓縮比,便于網絡傳輸,與此同時保留與圖像有關的所有細節,不降低圖像質量。
這也是PNG最大的特點所在。
PNG適合需要重新編輯、顏色復雜或需要透明度的圖像,但它并不能普遍兼容每個應用程序和平臺。
PNG還可以分為PNG8和PNG24兩種格式,PNG8是用8位索引值在調色板上找到一個顏色,PNG24是用24位來保存一個像素值。
PNG格式還常作為圖片素材來使用。
SVG:可縮放矢量圖形 與上面三種圖像格式最大的不同在于,SVG并不是位圖格式,而是一種矢量圖形格式,這意味著它可以在任意分辨率上顯示,而不破壞圖像的清晰度和細節 。
這是因為位圖圖像儲存圖像上每一點的像素值,而矢量圖像用點和線來描述物體,能夠提供清晰的畫面。
另外,SVG圖像中的文字雖然能呈現圖像化的修飾效果,但卻仍是以文本的形式存在的,能夠為搜索引擎蜘蛛讀取,還便于有視覺障礙的讀者使用工具進行瀏覽。
一般來說,SVG文件要比JPEG和GIF的文件要小,在下載或移動設備上顯示時速度也更快。
還有一點,SVG圖形很是靈活,我們可以在這樣的矢量圖形之中嵌入位圖圖形。
下圖為一些SVG矢量圖標。
共2頁: 上一頁12下一頁