UltKit

PSD 轉 PNG 轉換器

PSD 是充滿圖層的工作檔,PNG 則是保留透明度的完成圖片。當開發人員、客戶或網站需要的是圖片而不是 Photoshop 專案時,就把它轉成 PNG。

圖片轉換器

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳 PSD 檔案

    每批最多 20 個檔案,每個檔案上限 95 MB。以 Photoshop 預設相容性設定儲存的檔案轉換最穩定。

  2. 2

    檢查色彩設定

    色彩空間為 sRGB,適合螢幕與網頁使用。CMYK 印刷文件會轉為 RGB,因為 PNG 沒有 CMYK 模式。

  3. 3

    按下「轉換為 PNG」

    每個 PSD 會輸出一張合併後的 PNG,文件中沒有像素的地方會保持透明。

解答

如何將 PSD 轉成 PNG 並保留透明背景?

上傳 PSD 後按下 轉換為 PNG。可見圖層會依 Photoshop 的顯示方式合併,所有透明區域在 PNG 中仍保持透明。

PSD 轉 PNG:合併成一張圖片,保留透明度

PSD 格式由 1990 年的 Photoshop 1.0 推出,並隨每次改版持續擴充:圖層、遮色片、調整圖層、智慧型物件、圖層樣式與可編輯文字。PSD 最大可達 30,000 × 30,000 像素與 2 GB;超過的內容會使用 PSB 大型文件格式。

PNG 無法保存這些結構,它只儲存一個含 Alpha 色版的像素網格,而這正是瀏覽器、簡報或應用程式介面所需要的。因此轉換時會採用合成結果:也就是在目前圖層顯示狀態下,Photoshop 呈現的影像,並直接算繪各種效果。陰影、光暈與混合模式看起來都一樣,只是無法再編輯。

哪些格式能保留 PSD 的透明區域

from ↓ · to →PNGWebPGIFJPG
PSDPSD to PNG: yesPSD to WebP: yesPSD to GIF: yes– PSD to JPG: no
XCFXCF to PNG: yesXCF to WebP: yesXCF to GIF: yes– XCF to JPG: no
TIFFTIFF to PNG: yesTIFF to WebP: yesTIFF to GIF: yes– TIFF to JPG: no
supported not offered✓ 表示透明區域在合併後仍會保留。GIF 只支援透明與不透明兩種狀態,柔和邊緣會變得鋸齒;JPG 則會以背景色填滿透明區域。

PSD

Adobe Photoshop 文件

PSD 是 Adobe Photoshop 的原生檔案格式,自 1990 年起使用。它會儲存圖層、遮色片、調整圖層、文字、智慧型物件、色板色版與色彩描述檔,讓設計稿日後可無損地重新編輯。檔案通常非常大,要完整呈現必須使用 Photoshop;GIMP、Photopea 和 Affinity 等其他編輯軟體開啟 PSD 的準確度不一。瀏覽器、手機和多數上傳表單無法直接顯示 PSD。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
1990 · Adobe
PSD 轉檔工具

PNG

Portable Network Graphics

PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式,後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素,支援完整的 Alpha 透明度,處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小:存成 PNG 的相片,往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
1996 · PNG Development Group
PNG 轉檔工具

大家把 PSD 轉成 PNG,是為了把完成的設計連同透明區域,交給沒有 Photoshop 的人,例如製作網頁的工程師或確認設計稿的客戶。

轉換後會保留什麼、不會保留什麼

會保留在 PNG 中

  • 完整的像素尺寸
  • 含柔和邊緣的透明度
  • 已算繪的圖層樣式
  • 已算繪的混合模式與不透明度
  • 色彩(對應至 sRGB)

會留在 PSD 中

  • 各自獨立、可編輯的圖層
  • 可編輯的文字與字型
  • 智慧型物件與濾鏡
  • 隱藏圖層與圖層複合
  • CMYK 色彩模式

請保留 PSD 作為日後回頭修改的原始檔;PNG 只是匯出結果,就像 Photoshop 的「匯出為」或「快速匯出為 PNG」所產生的檔案。若設計有變動,請修改 PSD 後重新轉換,而不要在 PNG 上直接修補。

由大型工作區域合併出的 PNG 可能相當大。用於網站時,可再用 PNG 轉 WebP 處理,在保留透明度的同時大幅縮小檔案。若是印刷或需要多頁的客戶審閱,PSD 轉 PDF 是更合適的格式。

PSD 轉 PNG 常見問題

PSD 的透明背景轉成 PNG 後還會是透明的嗎?

可以。文件中沒有可見像素的區域,在 PNG 中會變成透明像素,包括羽化選取範圍與陰影的柔和邊緣。只有填滿的背景圖層才會讓這些區域變成不透明。

為什麼轉換後的 PSD 是空白的,或和 Photoshop 裡看到的不一樣?

只有在開啟「最大化 PSD 和 PSB 檔案相容性」時,Photoshop 才會在 PSD 內儲存合併後的預覽圖。未開啟時,其他程式必須自行重建圖層,可能會遺漏部分效果。請將該選項設為「永遠」後重新儲存 PSD。

隱藏的圖層會包含在 PNG 裡嗎?

不會。PNG 呈現的是文件在目前圖層顯示狀態下的樣子。請先開啟需要的圖層、關閉不需要的圖層並儲存,再進行轉換。

可以把每個圖層分別匯出成 PNG 嗎?

這裡無法,因為一個 PSD 只會轉成一張圖片。在 Photoshop 中,可使用「檔案」、「匯出」、「圖層轉檔案」,將每個圖層各自存成 PNG;多數交付情境只需要本頁提供的合併版本。

PSD 轉 PNG 需要 Photoshop 嗎?

不需要。UltKit 會自行讀取 PSD,因此即使設計師寄來 PSD,你也能在沒有安裝 Adobe 軟體的筆電或手機上轉換。

PSD 要轉成 PNG 還是 JPG 比較好?

標誌、介面設計,以及含透明背景或銳利文字的內容適合用 PNG。若是要放進電子郵件或簡報的攝影類設計,PSD 轉 JPG 的檔案會小很多。

圖片格式指南