Designer | JPEG、PNG、PDF 差異與介紹

閱讀時間約 3 分鐘

前言

  這篇文章將會講述常用圖檔的檔案格式差異、比較和應用。

檔案格式簡介

  不知道你有沒有遇過輸出的檔案跟你預期的不同,或是對這些檔案類型的由來與選擇好奇?我在列印文件的時候因為檔案格式出了問題,於是我決定整理成一篇文章,介紹這三個檔案格式。

JPEG | 壓縮過的圖檔

  這可以說是我們從小到大陪伴最常見的檔案格式了,那個時候網頁遊戲風靡一時,我們在遊戲網站上看到的圖片,大多數都是 .jpg 結尾,隨後,我們也很習慣的把檔案存成 .jpg 格式,畢竟比較熟悉。

  JPEG 檔案會把圖片壓縮,無論有多少圖層都會被擠壓成單一圖片,每一次轉檔或轉存當會在壓縮一次,這導致了大多數網路瘋傳的圖片,畫質都越來越低的情況,隨著時間和轉手,JPEG 圖片的檔案品質會持續下降。

  壓縮圖檔的特性很適合使用於網頁,輕便瘦身的檔案大小能讓使用者快速的載入頁面,並且顧及到每一種使用者,同時大多數網頁的圖片都是用於指示或示意,並不需要太高品質的檔案。

PNG | 無損品質的圖檔

  在進行設計的時候,我們就會使用 PNG 檔案格式,雖然我相信大多數的人都跟我一樣,只記得 PNG 可以保留透明度,這的確是特點之一,其他還有保留完整品質、可編輯等特性。

  雖然我自己還沒編輯過,不過 PNG 格式會保留圖檔的圖層,這表示你隨時可以再去編輯,甚至可以組合不同的 PNG 檔案,製作出心目中的圖片。

PDF | 通用餘個平台的檔案

  我們要知道一點,這並不是專門用於圖片的檔案格式, PDF 的特點在於在任何平台上都能呈現,並且不會跑版,這導致它非常適合列印,並且在各個裝置上正確呈現,不會被修改。

互相比較

  接下來會簡單比較不同檔案格式的差異。

JPEG & PNG

  相對於 JPEG 而言,PNG 並不會因為多次儲存而造成畫質上的降低,這代表了儲存好的 PNG 檔案就是一個優秀的資料庫,你隨時都可以分享給別人,或在需要時拿出來使用,不用擔心檔案耗損。

JPEG & PDF

  兩者都有方便呈現的概念,不過前者是為了快速地呈現,後者是為了在不同裝置中呈現相同的東西,並且兩者都具有不能再修改的特性。  

PNG & PDF

  兩者都有高品質輸出的效果,不過 PNG 更側重完整保留,而 PDF 只是單純的為維持高品質而已。

應用

  下面會講述這三個檔案適合的領域或設計。

JPEG | 網頁設計

  檔案大小較小,導致 JPEG 適合進行網頁設計,而也因為網頁中的圖片幾乎都是 .jpg 結尾的圖片,當下載下來的時候,這個檔案格式就會再壓縮一次,JPEG的檔案似乎是相同色塊會被合併,因此會越來越模糊。

PNG | 平面設計

  當你需要繪製高精度的圖片時, PNG 是很適合的檔案格式,除了分享和傳輸時不會有檔案的耗損,你也能從資料夾中再次拿出來使用,透明度的概念讓它可以重複疊加。

PDF | 簡報分享

  不知道有沒有想過一個問題,為什麼大多數的人都會建議使用 PDF 而非 PPTX 來儲存簡報檔案,因為 PDF 的重要特性在於不同裝置品質不變,這讓它成為非常適合分享簡報的檔案格式。

結語

  這一次的文章撰寫,是因為我大專生研究計劃印出來的色彩跟我原本預期的色彩不同,並且我記得我老師說過,列印圖片永遠使用 PNG ,這讓我對常見的幾種檔案格式產生了好奇。

參考資料

《JPG 和PDF,你該使用哪種檔案格式?》

《JPEG 與PDF 的比較:哪一種比較好? - Adobe》

瓶裝雪

想了解我更多嗎?

即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
106會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
瓶裝雪的沙龍 的其他內容
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
這篇文章將會講述 Preferb 預製物的介紹與使用,並介紹其中幾個應用方向。
這篇文章將會介紹 Collider 並說明應用與控制方式。
這篇文章將會講述企劃的技術面和知識面,從硬知識到軟知識的介紹。
這篇文章將會講述 static 的小技巧,讓常用的欄位不用重複指定或拖拉。
這篇文章將會講述使用 C# 的類( Class ) 來讓欄位模組(module)化。
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
這篇文章將會講述 Preferb 預製物的介紹與使用,並介紹其中幾個應用方向。
這篇文章將會介紹 Collider 並說明應用與控制方式。
這篇文章將會講述企劃的技術面和知識面,從硬知識到軟知識的介紹。
這篇文章將會講述 static 的小技巧,讓常用的欄位不用重複指定或拖拉。
這篇文章將會講述使用 C# 的類( Class ) 來讓欄位模組(module)化。
你可能也想看
Google News 追蹤
Thumbnail
本文介紹了幾款優秀的PDF編輯器,供您選擇最適合您的需求的工具。無論您需要高級編輯功能、具成本效益的選項,或者特定的OCR和轉換工具,都有一個能滿足您需求的Adobe Acrobat Pro DC替代方案。我們還推出了PDFtoPDF.ai,該產品在PDF編輯和轉換方面具有獨特優勢。
Thumbnail
市面上有許多出色的PDF編輯器替代方案,如Foxit PhantomPDF、Nitro Pro、PDF-XChange Editor等。這些編輯器功能強大,用戶界面友好,並可在特定需求上表現更優秀。如果您需要高精度OCR和文檔管理功能,PDFtoPDF.ai是不錯的選擇。
Thumbnail
瞭解PDF和圖像文件的特點和用途對於有效管理和使用數位文件至關重要。本文將探討PDF和圖像文件之間的區別,說明瞭它們的特點、用途和適用情境。這將幫助讀者選擇適合自己需求的格式,確保數位文件的最佳使用效果。
在日常工作和學習中,PDF檔案是一種常見的文件格式。然而,許多使用者發現,要完全使用PDF的各種功能,如PDF旋轉、PDF刪除頁面、PDF加密、PDF解除加密、PDF浮水印和PDF轉txt,都需要購買升級版的軟體。
Thumbnail
瞭解如何使用 Adobe Acrobat 調整 PDF 的 DPI,以改善其印刷或螢幕顯示的品質。同時推薦了一個線上工具 pdftopdf.ai 來處理掃描的 PDF 文件。
Thumbnail
在信息化時代,PDF文件無處不在。無論是學術研究、商業文件還是個人檔案,PDF都已成為最常見的文檔格式。然而,許多PDF文件是通過掃描紙質文檔生成的,這些文件中的文字無法直接編輯或複製。借助先進的OCR技術,使用者可以將掃描的PDF轉換為可搜索的文本,提升工作和學習效率。
Thumbnail
Learn to use the Key Features for WPS Office PDF, including choosing compression quality, saving as a new file, and converting with PDFtoPDF.
Thumbnail
在數位辦公環境中,PDF文件是日常工作不可或缺的一部分。pdftopdf.ai是一款強大的PDF編輯工具,可以壓縮文件,讓PDF文件更易編輯和管理。本文將探討PDF編輯工具的功能、優勢及在不同場景中的應用。
Thumbnail
全新軟體PDFtoPDF.ai使用先進的PDF壓縮技術,將笨重的PDF圖像轉換為易於管理的可編輯文字,同時保持文件質量。使用PDFtoPDF.ai,專業人士和個人用戶能輕鬆管理大量文件,提高工作效率。
Thumbnail
印刷用途的字體選擇和注意事項 在印刷設計的世界中,字體的選擇和處理是一項關鍵的藝術。當我們在製作完稿檔案時,經常會遇到一個常見的疑問:電腦中安裝的所有字體是否都可以用於印刷?答案是並非如此。但值得慶幸的是,如果我們選擇PDF格式進行送印,或者在送印前將字體轉換為外框化形式,那麼這個問題就不再是一個
Thumbnail
本文介紹了幾款優秀的PDF編輯器,供您選擇最適合您的需求的工具。無論您需要高級編輯功能、具成本效益的選項,或者特定的OCR和轉換工具,都有一個能滿足您需求的Adobe Acrobat Pro DC替代方案。我們還推出了PDFtoPDF.ai,該產品在PDF編輯和轉換方面具有獨特優勢。
Thumbnail
市面上有許多出色的PDF編輯器替代方案,如Foxit PhantomPDF、Nitro Pro、PDF-XChange Editor等。這些編輯器功能強大,用戶界面友好,並可在特定需求上表現更優秀。如果您需要高精度OCR和文檔管理功能,PDFtoPDF.ai是不錯的選擇。
Thumbnail
瞭解PDF和圖像文件的特點和用途對於有效管理和使用數位文件至關重要。本文將探討PDF和圖像文件之間的區別,說明瞭它們的特點、用途和適用情境。這將幫助讀者選擇適合自己需求的格式,確保數位文件的最佳使用效果。
在日常工作和學習中,PDF檔案是一種常見的文件格式。然而,許多使用者發現,要完全使用PDF的各種功能,如PDF旋轉、PDF刪除頁面、PDF加密、PDF解除加密、PDF浮水印和PDF轉txt,都需要購買升級版的軟體。
Thumbnail
瞭解如何使用 Adobe Acrobat 調整 PDF 的 DPI,以改善其印刷或螢幕顯示的品質。同時推薦了一個線上工具 pdftopdf.ai 來處理掃描的 PDF 文件。
Thumbnail
在信息化時代,PDF文件無處不在。無論是學術研究、商業文件還是個人檔案,PDF都已成為最常見的文檔格式。然而,許多PDF文件是通過掃描紙質文檔生成的,這些文件中的文字無法直接編輯或複製。借助先進的OCR技術,使用者可以將掃描的PDF轉換為可搜索的文本,提升工作和學習效率。
Thumbnail
Learn to use the Key Features for WPS Office PDF, including choosing compression quality, saving as a new file, and converting with PDFtoPDF.
Thumbnail
在數位辦公環境中,PDF文件是日常工作不可或缺的一部分。pdftopdf.ai是一款強大的PDF編輯工具,可以壓縮文件,讓PDF文件更易編輯和管理。本文將探討PDF編輯工具的功能、優勢及在不同場景中的應用。
Thumbnail
全新軟體PDFtoPDF.ai使用先進的PDF壓縮技術,將笨重的PDF圖像轉換為易於管理的可編輯文字,同時保持文件質量。使用PDFtoPDF.ai,專業人士和個人用戶能輕鬆管理大量文件,提高工作效率。
Thumbnail
印刷用途的字體選擇和注意事項 在印刷設計的世界中,字體的選擇和處理是一項關鍵的藝術。當我們在製作完稿檔案時,經常會遇到一個常見的疑問:電腦中安裝的所有字體是否都可以用於印刷?答案是並非如此。但值得慶幸的是,如果我們選擇PDF格式進行送印,或者在送印前將字體轉換為外框化形式,那麼這個問題就不再是一個