搞懂基本觀念
JPG、PNG、TIFF 看起來都像「圖片檔」,但它們的定位其實不同。JPG 是有損壓縮,優點是檔案小、相容性高,缺點是每次重存都會累積失真。PNG 是無損壓縮,透明背景最穩,適合圖示、字卡、去背圖,但照片一多檔案通常會變大。TIFF 比較像專業工作用的容器,能保留高位元深度、透明度,某些流程還能保留圖層,最常見在印前、掃描、修圖母檔與大圖輸出。
在設計軟體裡,格式不是一視同仁
在 Photoshop 裡,TIFF 很常被拿來當修圖母檔,因為它比 JPG 更能保住 16-bit 色階、遮色片與部分圖層資訊。JPG 一旦壓縮過頭,天空容易出現色塊,皮膚也可能出現假輪廓,這在商業案很容易被放大檢查。
Illustrator 的向量物件,最適合留在 AI 或 PDF 工作流程,不要硬把它當成 JPG 或 PNG 的主檔。InDesign 也是一樣,版面可以放 JPG、PNG、TIFF,但真正要控版權、控版本、控色彩,最好還是維持連結檔,不要一開始就把所有東西拍扁。
如果你只把 JPG、PNG、TIFF 當成「交件檔」,那還算合理。若你把它們拿來當工作主檔,後面通常會多跑兩次返工。
色彩管理才是專業差距的分水嶺
很多人以為畫質差異只看解析度,實務上真正影響成品的是色彩管理。網頁常用 sRGB,因為相容性最好;印刷與高階修圖則常見 Adobe RGB 或更廣色域的流程,最後再依輸出設備轉成對應的 CMYK。
重點不是「哪個色域最好」,而是你有沒有一路嵌入 ICC Profile,讓檔案在不同軟體與設備之間不走鐘。ICC 的基本概念可參考 ICC 官方資料,Adobe 也有完整的色彩管理說明:Adobe 色彩管理指南。
如果你有校色螢幕,常見設定會落在色溫 6500K、Gamma 2.2、亮度 100~120 cd/m²。這不是為了炫技,而是讓你在螢幕上看到的顏色,盡量接近最後輸出。
先用這張表抓住差異
| 格式 | 最適合的用途 | 優點 | 專業限制 |
|---|---|---|---|
| JPG | 網站、社群、快速交件 | 檔案小、幾乎通吃 | 有損壓縮、反覆存檔會劣化 |
| PNG | 透明底、Logo、UI、截圖 | 無損、邊緣清楚、透明度穩 | 照片檔案常偏大 |
| TIFF | 印前、掃描、高解析存檔 | 細節保留好、可支援高位元 | 檔案大、傳輸慢 |
| WebP | 網站圖片、縮圖、一般預覽 | 壓縮效率好、速度快 | 舊系統相容性仍要確認 |
| AVIF | 高壓縮比網站圖 | 省流量、畫質表現漂亮 | 編碼較慢,工作流程要先測 |
實際怎麼做
先看用途,再決定格式,這樣最不會錯。
1. 網站、社群、活動預告圖
如果你是要上網站、社群貼文、報名頁橫幅,JPG 通常夠用,前提是你已經把尺寸縮到實際需求,不要拿 8000 像素的原檔直接丟上去。若網站支援 WebP 或 AVIF,這兩種通常更省流量,對載入速度很有幫助,但還是要保留 JPG 備援,避免舊瀏覽器或舊 CMS 出問題。
2. 透明底、去背、Logo、字卡
PNG 仍然是最穩的選擇,尤其是要疊在不同背景上時。像活動主視覺的角標、贊助商 Logo、棚內道具標示,PNG 的透明度比較不會出現白邊或邊緣髒線。
3. 印刷、相簿、海報、大幅輸出
這裡通常會優先考慮 TIFF,尤其是超高解析、需要保留細節、或後續還要進一步修圖的案子。A3 以 300 dpi 為常見基準,大約是 3508 x 4961 像素;A1 海報若是遠距離觀看,150~200 dpi 常就夠用。若是更大的展場海報或弔旗,100~150 dpi 在實務上也很常見,因為觀看距離拉遠了,沒必要用過高解析硬撐檔案大小。
4. 交給印刷廠前,先對照這張表
| 使用情境 | 建議格式 | 原因 |
|---|---|---|
| 社群首圖 | JPG/WebP | 檔案小,載入快 |
| 透明去背圖 | PNG | 透明度穩定 |
| 商品修圖母檔 | TIFF | 細節與色階保留較好 |
| 大圖輸出 | TIFF 或高品質 JPG | 相容性與品質平衡 |
| 網站商品圖 | WebP/AVIF + JPG 備援 | 兼顧速度與相容性 |
5. 如果你有 Metadata 與版權管理需求
這一點很多人會忽略。JPG、TIFF、PNG 都能帶一部分中繼資料,但穩定度不一樣。若你要保留作者、版權、相機資訊、拍攝時間,TIFF、PSD、DNG 或 XMP sidecar 的流程通常比較完整;JPEG 在很多社群平臺上容易被重寫,Metadata 常被清掉。
這就是為什麼做 DAM 的人,通常不會只留一個最終 JPG 就收工。你會需要一份可追蹤版本的母檔,再搭配清楚命名與中繼資料,之後找檔案才不會像在考古。
很多人踩的坑
以為 PNG 一定比 JPG 清楚
不一定。PNG 是無損,但如果原始素材本來就被壓過,PNG 只是把那個結果原封不動保存下來,不會神奇回春。照片要看用途,純圖像才常讓 PNG 發揮優勢。
把工作檔直接當交件檔
實務上最常見的錯誤是:修圖做到一半就另存成 JPG,後面又想改色、改字、改裁切。這樣改一次損一次,久了檔案會越來越難救。正確做法是先留 PSD、TIFF、AI 或 INDD 等工作檔,再另輸出交件檔。
沒有嵌入 ICC Profile
你看到的顏色不等於別人看到的顏色。沒有嵌入 ICC 的檔案,在不同螢幕、不同軟體、不同印刷流程裡,常會出現偏色。尤其是要送印的案子,這個小動作常常比你多磨半小時銳利化還重要。
超高解析檔案做太大
有些人一口氣把每張圖都輸出成超大 TIFF,結果傳檔慢、開檔卡、印前作業也慢。大圖不是越大越好,而是要對應使用距離與輸出設備。你真正需要的是「夠用的解析度」和「正確的格式」,不是無腦堆像素。
新格式很香,但不要硬上
WebP、AVIF 的壓縮效率很漂亮,網站速度也常優於傳統格式,但前提是你的平臺、客戶端、後臺工具都吃得下。對印刷來說,它們目前還不是 TIFF 的替代品;對工作流程來說,它們更像是網頁端的優化工具。
結論
如果你只想記一件事,影像輸出格式選擇:JPG TIFF PNG 的專業考量,本質不是誰最強,而是誰最符合用途。JPG 負責快、PNG 負責透明、TIFF 負責專業保存與印前穩定,WebP 和 AVIF 則是網站端的加分選項。
下次交件前,先想清楚是要上網、要印刷,還是要長期保存。這一個判斷做對了,後面少掉的通常不是幾分鐘,而是整批返工。
下一步行動建議
- 把你的輸出流程分成 3 份:網站用 JPG 或 WebP、透明圖用 PNG、印前與存檔用 TIFF,直接寫進工作 SOP。
- 下次開 Photoshop 時,先確認工作色域與 ICC Profile,並記得在輸出時勾選嵌入色彩描述檔,避免不同設備看起來落差太大。
- 如果你接下來要拍商品照、活動紀錄或品牌形象照,先到 BWS 找棚網搜尋適合的地區、棚型與商家方案,把拍攝需求和輸出規格一次講清楚,省得拍完才發現檔案格式不對。
常見問題 FAQ
JPG、PNG、TIFF 哪個最適合印刷?
TIFF 最穩,JPG 次之,PNG 要看用途。若是正式印刷、超高解析修圖、或後續還要保留細節,TIFF 通常是最保險的選擇;如果是一般交件,JPG 也可用,但前提是壓縮品質要夠高。
網站圖片現在一定要用 WebP 或 AVIF 嗎?
不一定,但很值得評估。WebP 和 AVIF 常能明顯降低檔案大小,對網站速度有幫助;只是相容性和工作流程還是要先測,實務上通常會保留 JPG 當備援。
透明背景一定要輸出 PNG 嗎?
不一定,但 PNG 最穩。若你的平臺支援 WebP 透明,或是其他有透明通道的新格式,也可以用;只是就通用性來看,PNG 仍然是最不容易出錯的選項。
送印前要不要先轉 CMYK?
要看印刷廠規格,不是每案都一樣。很多數位印刷可以直接收 RGB,再由輸出端轉換;傳統印刷或指定色彩管理流程,通常會要求你依指定 ICC 轉成 CMYK。最安全的做法,是在送件前先問清楚規格。
TIFF 一定比 JPG 畫質好嗎?
不一定,要看原始素材與壓縮狀況。TIFF 的優勢是比較能保留細節與色階,但如果來源本身就低解析,或已經被 JPG 壓得太重,換成 TIFF 也不會憑空變好。
本文實用建議摘要
- 先釐清「影像輸出格式選擇:JPG TIFF PNG的專業考量」的目標與受眾,再決定拍攝與內容策略。
- 以預算、時程、場地條件三個面向做決策,比只看價格更穩定。
- 優先完成可立即執行的清單,縮短從規劃到落地的時間。