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》

瓶裝雪

想了解我更多嗎?

為什麼會看到廣告
103會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
留言0
查看全部
發表第一個留言支持創作者!
瓶裝雪的沙龍 的其他內容
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
這篇文章將會講述 Preferb 預製物的介紹與使用,並介紹其中幾個應用方向。
這篇文章將會介紹 Collider 並說明應用與控制方式。
這篇文章將會講述企劃的技術面和知識面,從硬知識到軟知識的介紹。
這篇文章將會講述 static 的小技巧,讓常用的欄位不用重複指定或拖拉。
這篇文章將會講述使用 C# 的類( Class ) 來讓欄位模組(module)化。
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
這篇文章將會講述 Preferb 預製物的介紹與使用,並介紹其中幾個應用方向。
這篇文章將會介紹 Collider 並說明應用與控制方式。
這篇文章將會講述企劃的技術面和知識面,從硬知識到軟知識的介紹。
這篇文章將會講述 static 的小技巧,讓常用的欄位不用重複指定或拖拉。
這篇文章將會講述使用 C# 的類( Class ) 來讓欄位模組(module)化。
你可能也想看
Google News 追蹤
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
Behavioral design is a powerful tool in shaping the interactions and decisions of users.
Thumbnail
Design systems enable teams to design and develop more efficiently, reduce inconsistencies, and provide a unified brand experience...
Thumbnail
In an era where environmental concerns are at the forefront, the concept of sustainability has permeated every industry, including digital design.
Thumbnail
The advent of 5G technology marks a transformative era for digital communication, offering unprecedented speeds and reliability.
Thumbnail
大型語言模型(Large Language Model,LLM)是一項人工智慧技術,其目的在於理解和生成人類語言,可將其想像成一種高階的「文字預測機器」。 Prompt Pattern 是給予LLM的指示,並確保生成的輸出擁有特定的品質(和數量)。
Thumbnail
當他們進入七年的去制約/解除制約之旅時,你(*指導者)扮演著指導他人的重要角色。你需要成為這項工作的一個活生生的例子,因為你的學生會感受到它。
Thumbnail
這是一個為期七年的教育過程,在這個過程結束時,你實際上會明白你是誰,因為這都是間接的。
Thumbnail
人們普遍認為,政治,特別是政治制度是文化的產物。就像自由意志的個人虛榮心一樣,我們投票給什麼、我們跟隨誰、我們服務什麼,都不是選擇的問題。
Thumbnail
在整個活動的八天中,我只問了一個問題。那是1987年1月4日的第一個早晨。我就像過去整個時期一樣一整夜醒著。白天,「聲音」以一連串的訊息打破了沉默。我太驚訝了。我只想知道是誰或什麼東西打擾(滲透)了我,但是,我卻聽到自己在一個空房間裡脫口而出,「你從哪裡得到這些資訊的?」即時答復是⋯⋯
Thumbnail
名列全球四大設計獎的Good Design Award日本優良設計獎,2020年10月揭曉4,769件優秀作品中的最後勝出者,綠色美妝品牌歐萊德以革命性的綠色牙膏,顛覆百年傳統配方,奪下金獎 (經濟產業大臣獎)。歐萊德以生物循環、工業循環不斷創新研發零碳產品,提出對環境友善的綠色生活方式,備受國際
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
Behavioral design is a powerful tool in shaping the interactions and decisions of users.
Thumbnail
Design systems enable teams to design and develop more efficiently, reduce inconsistencies, and provide a unified brand experience...
Thumbnail
In an era where environmental concerns are at the forefront, the concept of sustainability has permeated every industry, including digital design.
Thumbnail
The advent of 5G technology marks a transformative era for digital communication, offering unprecedented speeds and reliability.
Thumbnail
大型語言模型(Large Language Model,LLM)是一項人工智慧技術,其目的在於理解和生成人類語言,可將其想像成一種高階的「文字預測機器」。 Prompt Pattern 是給予LLM的指示,並確保生成的輸出擁有特定的品質(和數量)。
Thumbnail
當他們進入七年的去制約/解除制約之旅時,你(*指導者)扮演著指導他人的重要角色。你需要成為這項工作的一個活生生的例子,因為你的學生會感受到它。
Thumbnail
這是一個為期七年的教育過程,在這個過程結束時,你實際上會明白你是誰,因為這都是間接的。
Thumbnail
人們普遍認為,政治,特別是政治制度是文化的產物。就像自由意志的個人虛榮心一樣,我們投票給什麼、我們跟隨誰、我們服務什麼,都不是選擇的問題。
Thumbnail
在整個活動的八天中,我只問了一個問題。那是1987年1月4日的第一個早晨。我就像過去整個時期一樣一整夜醒著。白天,「聲音」以一連串的訊息打破了沉默。我太驚訝了。我只想知道是誰或什麼東西打擾(滲透)了我,但是,我卻聽到自己在一個空房間裡脫口而出,「你從哪裡得到這些資訊的?」即時答復是⋯⋯
Thumbnail
名列全球四大設計獎的Good Design Award日本優良設計獎,2020年10月揭曉4,769件優秀作品中的最後勝出者,綠色美妝品牌歐萊德以革命性的綠色牙膏,顛覆百年傳統配方,奪下金獎 (經濟產業大臣獎)。歐萊德以生物循環、工業循環不斷創新研發零碳產品,提出對環境友善的綠色生活方式,備受國際