為什麼我的圖片上傳後,總是模糊或是色差嚴重呢?JPG 與 PNG 差別在哪呢?
今天就帶店老闆來了解:
🎲 【一、什麼是「JPG」檔?】
🎲 【二、什麼是「PNG」檔?】
🎲 【三、「JPG」與「PNG」檔的差別?】
🎲 【四、我應該選擇「JPG」還是「PNG」檔呢?】
🎲 【五、常見 Q&A】
*建議可使用「電腦」閱讀與操作!
店家在上傳圖片的時候,常常會遇到一問題,就是為什麼我的圖片明明在手機或是電腦裡觀看的時候,畫質都很好,色彩顯示的也都非常好,不過為什麼上傳到網路商店的時候,圖片就會模糊不清,且色彩的顯示就會沒有那麼飽和,沒有那麼漂亮呢?
其實,這都是跟你圖片的檔案非常的有關係的!那由於平台的一般圖片檔,為提供「JPG」與「PNG」兩種檔案的上傳方式,因此小編對於此兩種方式與店老闆做介紹與說明的!
*備註:在「商品圖片」與「商品描述」的欄位,除了一般圖片檔外,也可以上傳 GIF 檔的!
一、什麼是「JPG」檔?
JPG 格式由聯合圖像專家小組(Joint Photographics Export Group)開發,此格式名稱即以而取名的。通常店家會看到 JPG 與 JPEG 兩個相似檔名的檔案,其實這兩個檔案都是同一種檔案,會有兩個不同的名子,主要是因在較早期的電腦裡,檔案類型最多會限制需要在「3個字元」裡面,不可以超過,因此最初是顯示為「JPG」,不過現今已無此限制,店家才會越來越常看到「JPEG」的出現。
JPG(或稱 JPEG),是一種針對相片/圖片影像而廣泛使用的「失真壓縮標準方法」,即在壓縮過程中,圖像的品質會遭受到可見的破壞。
不過相對來說,因 JPG 會進行壓縮程序,大幅縮減影像檔案的大小,使其更容易在網頁上儲存及載入,且較不占容量,因此也是儲存數位相片的最常用方式之一。
二、什麼是「PNG」檔?
PNG 格式的名稱取自 Portable Network Graphics 可攜式網路圖形,是一種支援「無失真壓縮」的點陣圖圖形格式,因此在壓縮過程中,圖像的品質並不會遭到破壞。
這種檔案主要用於網頁圖形、標誌、圖表、圖片和插圖,且具有能夠處理有透明背景的圖片。
不過因採用「無失真壓縮」的方式,儲存空間就會來的比 JPG 大,不過也因檔案的品質會比 JPG 來的高,且 PNG 保留了更多的圖像細節以及資訊。
三、「JPG」與「PNG」檔的差別?
𝟭. 圖片/影像品質
由於「JPG」檔案的主要用途,是為了以有效率且速度較快的方式,儲存圖片/影像的細節與色彩,且為了可以更容易在線上分享、上傳,因此檔案會盡量壓縮的較小。
但為了壓縮成較小的檔案,因此在影像中的精確度、色彩等其他細部資訊,將不可以避免的會被刪除,且是永久刪除,因此店家在儲存後、上傳到網路上、分享時,不可避免的即會再被進行壓縮,品質就會逐漸失真,才會有明明一開始製作/拍攝時很漂亮,不過上傳後,卻有圖片模糊、色彩不夠飽和、色差等的情形發生。
而「PNG」檔案採用「無失真壓縮」,代表在儲存時,會保留所有的精確度、色彩細節等資訊,無論店家編輯多少次、上傳/分享多少次,都可以保有原有的品質,就不會有圖片模糊、色彩不夠飽和、色差等的情形發生的。
*可在圖片上點擊滑鼠右鍵→在新分頁開啟圖片,即可較清楚觀看到兩者之間的差異性。
𝟮. 儲存的檔案大小
「JPG」在壓縮時,會將色彩等細部資訊做刪除,因此檔案可以壓縮得非常小,因此對於磁碟機較無空間容量的店家來說,會比較適合。
那如果店家為追求高品質的圖片/影像,且有足夠容量的空間,「PNG」檔雖然會比 JPG 檔案來的大,不過就會比較適合。
𝟯. 透明度處理
「JPG」不支援透明背景,只有「PNG」才有支援透明背景,因 PNG 擁有更好的影像處理能力,可以整合頁面上的不同背景色彩。
𝟰. 載入速度
載入速度可從檔案大小來判斷,當檔案越大,載入速度相對來說的話就會比較慢,不論是套用在網頁上、分享後的圖片點擊顯示時,都是相同的。
「JPG」比起「PNG」來說,因壓縮的資料來的多,因此檔案也相對較小,所以在載入速度上,JPG 會比 PNG 來的快。當店家上傳至網站時,在相同條件的情形下,圖片都是 PNG 的頁面,以及圖片都是 JPG 的頁面,JPG 就會比 PNG 的載入速度快不少。
四、我應該選擇「JPG」還是「PNG」檔呢?
綜上所述,簡單來說,如果想要圖片不要看起來會模糊、不要圖片失真、盡量不要有色差,不介意網站載入速度較慢,就請選擇「PNG」;
如果店家追求圖片/網頁的載入速度,追求小容量,不介意圖片會失真,就請選擇「JPG」。
五、常見 Q&A
⸬ 𝙌𝙪𝙚𝙨𝙩𝙞𝙤𝙣 𝟭:為什麼我圖片已經是 PNG 檔,不過在平板、手機或是電腦上觀看,都還是會有色差呢?
第一,每個人使用的「螢幕(顯示器)」會有不同的色彩設定;第二,不同品牌都有不同的色彩調整喜好;最後,不同裝置所使用的混色原理是不同的。因此,此部分是不可避免的。
⸬ 𝙌𝙪𝙚𝙨𝙩𝙞𝙤𝙣 𝟮:是否有提供免費的線上轉檔工具呢?
有的!店家可以點擊右方線上免費轉檔的網址,就可以上傳圖片,並選擇想要轉換成的檔案格式進行轉檔的:https://www.aconvert.com/tw/image/jpg-to-png/。
⸬ 𝙌𝙪𝙚𝙨𝙩𝙞𝙤𝙣 𝟯:為什麼我的網站載入速度很慢呢?
店家可以先確認看看,您網站的圖片是否皆使用「PNG」檔,如果是的話,可以將圖片皆轉成「JPG」檔,如此網站的載入速度就會加快不少。