PNG vs JPG 圖片的區別

PNG vs JPG

PNG 和 JPG 是 WordPress 中最常用的兩種圖片文件格式,有時要添加圖片時到您的網站,我們該用哪一種圖片文件格式,我就利用維基百科來解釋 PNG 與 JPG 之間的差異。

根據 W3Tech 的統計 (至 2017/11/22 日),PNG 是網站中最常用的圖片文件,74.7% 的網站使用這種圖片格式,JPGE 以 73.8% 落居第二名了。

W3Tech 的統計

How many sites are using the various image file formats on the web

PNG

PNG 是一個圖片文件附檔名,代表 Portable Network Graphic,在瀏覽器和 OS 系統中被看作是 .png。

是一種無失真壓縮的點陣圖圖形格式,支援索引、灰階、RGB 三種顏色方案以及 Alpha 通道等特性,最初是為了替換 GIF 文件格式而設計的,版本 1.0 於 1996 年 10 月發布,並在 RFC 2083 中定義。

第一個瀏覽器支持出現在 IE4 和 Netscape4 中,它可以完全用漸進式顯示選項進行流式傳輸,PNG 的 MIME 媒體類型是 image/png。

PNG 的優點:

  • 能夠使用透明度和 / 或不透明度,而不像是 JPG,只能保留白色背景。
  • PNG 支持 24 位 RGB 和 32 位 RGBA 顏色。
  • 支援灰階圖像。

PNG 使用無損壓縮,但在網上看到時,它通常仍然較小,主要是因為 PNG 通常用於非複雜圖像,如插圖,JPG 通常用於更大的照片。

JPG

當提到 JPG 時,也有人說是 JPEG,其實本質上是一樣的。

請參閱 JPG 和 JPEG 之間的區別

I often use JPEG images, and I have noticed that there are two very similar file extensions: .jpg, which my mobile's camera and the Preview application use, and...

JPEG / JPG 是圖片文件附檔名,意思是「聯合圖像專家小組」。ISO 標準最初是在 1992 年發布的,它是一種破壞性資料壓縮格式,壓縮比從 10:1 到 20:1 不等。

該壓縮比進行調整,這表示著你可以決定存儲容量和質量之間進行平衡,JPEG 最常用於數位相機的照片儲存上。

JPEG 格式對於彩色照片表現來說非常棒,主要注意壓縮造成的圖片畫質損失,而編輯和重新保存只會降低品質,即使是我們眼睛分辨不出來的。

結語

以上所說,是維基百科的解釋。在我自己的網站的應用上,還是有一些規則,比如 LOGO、ICON 和 banner 廣告,我會使用 PNG 圖片格式;若是相片或圖片都一律使用 JPG 圖片格式。

更簡單的分辨方式:PNG 使用無損壓縮比率,JPG 使用的是有損壓縮比率,當照片使用 JPG 時,可以壓縮更多、文件更小。

Featured Photo by Di_An_h on Unsplash

Follow Me

我發了這篇文章
如果您對 燕子飛時 的文章有興趣 !
邀請您按個讚 Like !!
通過電子郵件訂閱 燕子飛時部落格

輸入您的電子郵件地址以訂閱 - 燕子飛時部落格,並通過電子郵件接收新帖子的通知。

Join 2 other subscribers

Back to top