PNG、JPG的區別及使用時機

文章:黑咖啡

以前在出版公司擔任執行編輯的時候,我主要的工作是版權交易及文字編輯,美術編輯這一塊主要還是交給專業的美編同事負責,所以我一直搞不清楚圖片的PNG檔及JPG檔的用途及差異性,直到10多年前我開始自行設計部落格網站時,此時才開始就要自己編輯圖片,這時對圖檔才開始花時間去了解它們,我也把這兩個圖檔的特色及差異分享一下,但由於大部分編輯網站的朋友和我一樣,都不是專業的美術編輯,所以這裡就針對PNG檔及JPG檔做概略的分析及在甚麼情形下使用它們,至於圖檔所牽涉到的色彩學、壓縮比、感光度等等專業的知識,就讓專家去研究吧!

首先我們要瞭解的是檔案格式的產生,是為了要滿足當初被設計出來所針對的目的或任務,所以沒有不同的檔案格式是為了完成相同任務或目的而生,而每種圖像格式都有其優缺點。當你在瀏覽網頁的時候,會看到各式各樣的精美圖片,如果你試著將這些圖片下載下來後去看它的檔案內容,你會發現有的圖檔是JPG格式,有的是PNG格式或GIF格式等,這裡我們就比較常用的PNG格式及JPG格式來科普一下。

PNG

PNG是一個圖片文件附檔名,PNG的字母縮寫來自Portable Network Graphics(可攜式網路圖形),是一種壓縮後無失真的點陣圖圖形格式,最初是為了替換GIF文件格式而設計的,而這個圖像格式的確優化了圖形、圖標和文字等圖像。PNG的圖檔品質比JPG還要高,這是因為PNG檔案是以保持圖檔的品質為主要設計考量,因此並不講求降低檔案大小,所以可以保留比JPG更多的圖像細節及品質。

PNG的主要特點:

能夠使用透明度或不透明度,而不像是JPG,只能保留白色背景。

無損圖片品質:儲存PNG檔案比較不會造成品質損失,因此圖像能夠一再儲存、開啟及編輯,也不會隨著時間流逝降低圖檔品質。

JPEG / JPG

JPEG / JPG是圖片文件附檔名,意思是「聯合圖像專家小組」。JPG檔也有人說是JPEG檔,其實在本質上是一樣的。JPG格式的體積相對較小,這也是在編輯以照片為主的網站或部落格時,JPG格式比PNG更受歡迎的原因。

JPG的主要特點:

JPG檔案會因為每一次的編輯或另存檔案時會損耗其品質,這與PNG檔有著本質上的不同。

JPEG最常使用於數位相機的照片儲存上,JPEG格式對於彩色照片表現來說非常的優異,但要注意的是在壓縮時會造成圖片畫質損耗,而編輯和重新保存也會降低品質。

PNG及JPG的使用時機:

由於PNG檔案的品質保存較JPG優異,特別是在編輯時較不易失真,但檔案一般較JPG來得大,所以一般在網站上則是用於LOGO、圖標等需要高品質的圖像上,至於網站內照片則建議使用JPG檔,因圖檔可以壓縮到較小。

而較小的檔案大小這是JPG圖片的最大優勢。如果用在網站的設計上,因為JPG圖像檔案較小,所以運用JPG能夠讓頁面更快速地載入,使用端在進入網頁時會有較好的體驗。

較小的檔案大小是JPG圖像的主要優點,但同時也是缺點。雖然會創造較小的檔案空間,但是這也表示會部分失真,而產生較低的品質。這同時代表在儲存檔案時,那些數據已經永久流失,所以你無法將JPG檔恢復成原始品質。

回 網站知識

(542)

About 讀行俠 木魚

Enjoy myself, enjoy my life!

View all posts by 讀行俠 木魚 →

發表迴響