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

更新於 發佈於 閱讀時間約 4 分鐘

前言

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

檔案格式簡介

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

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
留言分享你的想法!
avatar-img
瓶裝雪的沙龍
108會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
瓶裝雪的沙龍的其他內容
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/06/22
  遊戲將以不破壞遊戲體驗的情況下分析,避免劇透。因本文為求職遊戲企劃時所寫分析,故以遊戲企劃之角度撰寫文章,程式及美術僅簡易分析及解構。備註:後記有雷,如果有需要請避開。
Thumbnail
2024/06/22
  遊戲將以不破壞遊戲體驗的情況下分析,避免劇透。因本文為求職遊戲企劃時所寫分析,故以遊戲企劃之角度撰寫文章,程式及美術僅簡易分析及解構。備註:後記有雷,如果有需要請避開。
Thumbnail
2024/05/28
這篇文章將會講述新一代(young designer's exhibition 2024)的參賽與參展心得與體悟:從新一代概述到會場四天的分享,最後談談我的體悟與經驗。
Thumbnail
2024/05/28
這篇文章將會講述新一代(young designer's exhibition 2024)的參賽與參展心得與體悟:從新一代概述到會場四天的分享,最後談談我的體悟與經驗。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當您準備印刷時,選擇正確的檔案格式至關重要。本文介紹了常見的印刷檔案格式,包括向量檔(如EPS、AI、PDF)和位圖檔(如JPG、TIFF、PNG),並解釋了每種格式的特點和使用場景。了解如何根據設計需求選擇合適的檔案格式,以及如何準備高解析度、正確色彩模式的檔案,將有助於確保您的印刷品質量完美無瑕
Thumbnail
當您準備印刷時,選擇正確的檔案格式至關重要。本文介紹了常見的印刷檔案格式,包括向量檔(如EPS、AI、PDF)和位圖檔(如JPG、TIFF、PNG),並解釋了每種格式的特點和使用場景。了解如何根據設計需求選擇合適的檔案格式,以及如何準備高解析度、正確色彩模式的檔案,將有助於確保您的印刷品質量完美無瑕
Thumbnail
瞭解PDF和圖像文件的特點和用途對於有效管理和使用數位文件至關重要。本文將探討PDF和圖像文件之間的區別,說明瞭它們的特點、用途和適用情境。這將幫助讀者選擇適合自己需求的格式,確保數位文件的最佳使用效果。
Thumbnail
瞭解PDF和圖像文件的特點和用途對於有效管理和使用數位文件至關重要。本文將探討PDF和圖像文件之間的區別,說明瞭它們的特點、用途和適用情境。這將幫助讀者選擇適合自己需求的格式,確保數位文件的最佳使用效果。
Thumbnail
印刷用途的字體選擇和注意事項 在印刷設計的世界中,字體的選擇和處理是一項關鍵的藝術。當我們在製作完稿檔案時,經常會遇到一個常見的疑問:電腦中安裝的所有字體是否都可以用於印刷?答案是並非如此。但值得慶幸的是,如果我們選擇PDF格式進行送印,或者在送印前將字體轉換為外框化形式,那麼這個問題就不再是一個
Thumbnail
印刷用途的字體選擇和注意事項 在印刷設計的世界中,字體的選擇和處理是一項關鍵的藝術。當我們在製作完稿檔案時,經常會遇到一個常見的疑問:電腦中安裝的所有字體是否都可以用於印刷?答案是並非如此。但值得慶幸的是,如果我們選擇PDF格式進行送印,或者在送印前將字體轉換為外框化形式,那麼這個問題就不再是一個
Thumbnail
即使在AI逐漸盛行的時代,印刷品的質感仍然無法被螢幕所取代。不論是名片、宣傳單張還是精美的書籍,高品質的印刷物能給人留下深刻印象。但在印刷過程中,檔案格式和設計稿的準備就顯得至關重要。本文將帶您了解從檔案準備到印刷的各個環節,確保您的設計能夠順利轉化為手中的印刷品。 1. 印刷廠印前檢視項目
Thumbnail
即使在AI逐漸盛行的時代,印刷品的質感仍然無法被螢幕所取代。不論是名片、宣傳單張還是精美的書籍,高品質的印刷物能給人留下深刻印象。但在印刷過程中,檔案格式和設計稿的準備就顯得至關重要。本文將帶您了解從檔案準備到印刷的各個環節,確保您的設計能夠順利轉化為手中的印刷品。 1. 印刷廠印前檢視項目
Thumbnail
在設計領域,圖片格式是重要的一環,不同的圖片格式有不同的優缺點,因此在選擇時需要根據不同的需求來考量。我們在網頁上瀏覽圖片、在社交媒體上分享圖片、甚至在工作中使用圖片。而圖像的檔案格式也有很多種,常見的有JPG、JPEG、PNG、GIF、TIFF等。
Thumbnail
在設計領域,圖片格式是重要的一環,不同的圖片格式有不同的優缺點,因此在選擇時需要根據不同的需求來考量。我們在網頁上瀏覽圖片、在社交媒體上分享圖片、甚至在工作中使用圖片。而圖像的檔案格式也有很多種,常見的有JPG、JPEG、PNG、GIF、TIFF等。
Thumbnail
傳統印刷特色: 張數要1000張以上 品質較高(滾筒印刷機、顆粒較細) 可獨立版(需出版有耗材、鋁版) 版型固定(尺寸固定,內容變化) 顏色可要求(可印特別色、金屬色、上光,較準開花較少)水墨或油墨 價格較貴 開花(顏色套印不準) C 青----一般 M紅----肉眼較看得到(較難控制) Y 黃--
Thumbnail
傳統印刷特色: 張數要1000張以上 品質較高(滾筒印刷機、顆粒較細) 可獨立版(需出版有耗材、鋁版) 版型固定(尺寸固定,內容變化) 顏色可要求(可印特別色、金屬色、上光,較準開花較少)水墨或油墨 價格較貴 開花(顏色套印不準) C 青----一般 M紅----肉眼較看得到(較難控制) Y 黃--
Thumbnail
PH基本解析度分為以下幾類 (之前遇到過的經驗,不代表就是正確答案---要看情況): 印刷類 對圖像有較為細緻要求的,如出版畫冊、海報,對畫面較要求的設計師。 解析度350-400DPI。 一般印刷品(照片)解析度300DPI, 一般印刷品(文字-點陣圖)解析度800-1200DPI,越高
Thumbnail
PH基本解析度分為以下幾類 (之前遇到過的經驗,不代表就是正確答案---要看情況): 印刷類 對圖像有較為細緻要求的,如出版畫冊、海報,對畫面較要求的設計師。 解析度350-400DPI。 一般印刷品(照片)解析度300DPI, 一般印刷品(文字-點陣圖)解析度800-1200DPI,越高
Thumbnail
這篇文章將會講述常用圖檔的檔案格式差異、比較和應用。
Thumbnail
這篇文章將會講述常用圖檔的檔案格式差異、比較和應用。
Thumbnail
網頁常用圖檔格式:JPG、PNG、GIF、SVG、WEBP五種~ 快來認識~
Thumbnail
網頁常用圖檔格式:JPG、PNG、GIF、SVG、WEBP五種~ 快來認識~
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News