PSD 轉 PNG 轉換器
PSD 是充滿圖層的工作檔,PNG 則是保留透明度的完成圖片。當開發人員、客戶或網站需要的是圖片而不是 Photoshop 專案時,就把它轉成 PNG。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳 PSD 檔案
每批最多 20 個檔案,每個檔案上限 95 MB。以 Photoshop 預設相容性設定儲存的檔案轉換最穩定。
- 2
檢查色彩設定
色彩空間為 sRGB,適合螢幕與網頁使用。CMYK 印刷文件會轉為 RGB,因為 PNG 沒有 CMYK 模式。
- 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 → | PNG | WebP | GIF | JPG |
|---|---|---|---|---|
| PSD | PSD to PNG: yes | PSD to WebP: yes | PSD to GIF: yes | – PSD to JPG: no |
| XCF | XCF to PNG: yes | XCF to WebP: yes | XCF to GIF: yes | – XCF to JPG: no |
| TIFF | TIFF to PNG: yes | TIFF to WebP: yes | TIFF to GIF: yes | – TIFF to JPG: no |
PSD
Adobe Photoshop 文件
PSD 是 Adobe Photoshop 的原生檔案格式,自 1990 年起使用。它會儲存圖層、遮色片、調整圖層、文字、智慧型物件、色板色版與色彩描述檔,讓設計稿日後可無損地重新編輯。檔案通常非常大,要完整呈現必須使用 Photoshop;GIMP、Photopea 和 Affinity 等其他編輯軟體開啟 PSD 的準確度不一。瀏覽器、手機和多數上傳表單無法直接顯示 PSD。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1990 · Adobe
PNG
Portable Network Graphics
PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式,後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素,支援完整的 Alpha 透明度,處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小:存成 PNG 的相片,往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1996 · PNG Development Group
大家把 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 的檔案會小很多。