แปลง PSD เป็น PNG
PSD คือไฟล์งานที่มีเลเยอร์อยู่เต็มไปหมด ส่วน PNG คือภาพสำเร็จที่ยังคงความโปร่งใสไว้ครบ ควรแปลงไฟล์เมื่อนักพัฒนา ลูกค้า หรือเว็บไซต์ต้องการแค่ภาพ ไม่ใช่โปรเจกต์ Photoshop
แปลงไฟล์รูปภาพ
หรือลากไฟล์ JPG, JPEG, JPE … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่า 85 ทำให้ภาพถ่ายดูเหมือนต้นฉบับทุกประการ ควรลดค่านี้เฉพาะเมื่อต้องการไฟล์ที่เล็กลง
JPG, BMP และ EPS ไม่รองรับความโปร่งใส พิกเซลโปร่งใสจะถูกเติมด้วยสีนี้
รหัสสีแบบ Hex ที่ใช้แทนพิกเซลโปร่งใส เช่น #FFFFFF
รูปแบบนี้เก็บภาพได้เพียงภาพเดียว หากต้องการคงภาพเคลื่อนไหวไว้ ให้เลือกผลลัพธ์เป็น GIF หรือ WebP
ไอคอนหลายขนาดจะรวมความละเอียดหลายระดับไว้ในไฟล์เดียว เบราว์เซอร์และระบบปฏิบัติการจะเลือกขนาดที่ต้องใช้เอง
คงขนาดภาพเดิมไว้ หรือกำหนดด้านใดด้านหนึ่ง โดยระบบจะคงอัตราส่วนภาพไว้
จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน
เปอร์เซ็นต์ของขนาดภาพต้นฉบับ
sRGB เหมาะสำหรับหน้าจอและเว็บไซต์ ควรคงค่าเดิมไว้สำหรับงานพิมพ์ ส่วนระดับสีเทาจะตัดสีออกทั้งหมด
เป็นข้อมูลเมตาเท่านั้น ค่า 0 จะคงค่าเดิมไว้ เครื่องพิมพ์และบางเว็บไซต์จะอ่านค่านี้ แต่จะไม่เปลี่ยนขนาดภาพเป็นพิกเซล
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ PSD
อัปโหลดได้สูงสุด 20 ไฟล์ต่อครั้ง ไฟล์ละไม่เกิน 95 MB ไฟล์ที่บันทึกด้วยการตั้งค่าความเข้ากันได้เริ่มต้นของ Photoshop จะแปลงได้เสถียรที่สุด
- 2
ตรวจสอบการตั้งค่าสี
ปริภูมิสี เป็น sRGB ซึ่งเหมาะกับหน้าจอและเว็บ เอกสารพิมพ์แบบ CMYK จะถูกแปลงเป็น RGB เนื่องจาก PNG ไม่มีโหมด CMYK
- 3
กด แปลงเป็น PNG
คุณจะได้ไฟล์ PNG ที่รวมเลเยอร์แล้วหนึ่งไฟล์ต่อ PSD หนึ่งไฟล์ โดยบริเวณที่เอกสารไม่มีพิกเซลจะโปร่งใส
แปลง PSD เป็น PNG โดยคงความโปร่งใสไว้ได้อย่างไร
อัปโหลดไฟล์ PSD แล้วกด แปลงเป็น PNG → เลเยอร์ที่มองเห็นจะถูกรวมตามที่ Photoshop แสดง และพื้นที่โปร่งใสทั้งหมดจะยังโปร่งใสใน PNG
แปลง PSD เป็น PNG: ได้ภาพเดียวที่รวมเลเยอร์แล้ว และคงความโปร่งใสไว้
Photoshop 1.0 เปิดตัวฟอร์แมต PSD ในปี 1990 และพัฒนามาทุกเวอร์ชัน ทั้งเลเยอร์ มาสก์ เลเยอร์ปรับแต่ง Smart Object สไตล์เลเยอร์ และข้อความที่แก้ไขได้ PSD มีขนาดได้สูงสุด 30,000 × 30,000 พิกเซลและ 2 GB หากใหญ่กว่านั้นต้องใช้ฟอร์แมตเอกสารขนาดใหญ่ PSB
PNG เก็บโครงสร้างเหล่านั้นไม่ได้ แต่เก็บเพียงตารางพิกเซลเดียวพร้อมช่องอัลฟา ซึ่งเพียงพอสำหรับเบราว์เซอร์ สไลด์ หรือหน้าจอแอป การแปลงจึงใช้ภาพรวม คือภาพที่ปรากฏใน 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 Document
PSD เป็นรูปแบบไฟล์หลักของ Adobe Photoshop ที่ใช้มาตั้งแต่ปี 1990 เก็บเลเยอร์ มาสก์ เลเยอร์ปรับแต่ง ข้อความ smart object แชนเนล และโปรไฟล์สีไว้ ทำให้แก้ไขงานออกแบบภายหลังได้โดยไม่สูญเสียคุณภาพ ไฟล์มักมีขนาดใหญ่มาก และต้องใช้ Photoshop จึงจะเปิดได้ครบถ้วนสมบูรณ์ โปรแกรมอื่นอย่าง GIMP, Photopea และ Affinity เปิด PSD ได้ด้วยความแม่นยำที่แตกต่างกัน เบราว์เซอร์ โทรศัพท์ และแบบฟอร์มอัปโหลดส่วนใหญ่แสดง PSD โดยตรงไม่ได้
- การบีบอัด
- แบบไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- 1990 · Adobe
PNG
Portable Network Graphics
PNG เป็นรูปแบบภาพแรสเตอร์แบบไม่สูญเสียข้อมูล (lossless) ที่ PNG Development Group เผยแพร่ในปี 1996 และต่อมาได้รับการกำหนดเป็นมาตรฐานโดย W3C และ ISO รักษาทุกพิกเซลไว้อย่างแม่นยำ รองรับพื้นหลังโปร่งใสแบบ alpha เต็มรูปแบบ และแสดงข้อความ ขอบคม และสีพื้นเรียบได้โดยไม่มีสิ่งแปลกปลอมในภาพ (artefact) ความแม่นยำนี้ทำให้เหมาะกับภาพหน้าจอ โลโก้ ไอคอน และกราฟิกส่วนติดต่อผู้ใช้ ข้อแลกเปลี่ยนคือขนาด ภาพถ่ายที่บันทึกเป็น PNG มักใหญ่กว่าภาพเดียวกันในรูปแบบ JPEG หรือ WebP หลายเท่า เบราว์เซอร์ ระบบปฏิบัติการ และโปรแกรมแต่งภาพทุกตัวเปิดไฟล์ PNG ได้
- การบีบอัด
- แบบไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- 1996 · PNG Development Group
คนแปลง PSD เป็น PNG เพื่อส่งมอบงานดีไซน์ที่เสร็จแล้วพร้อมพื้นที่โปร่งใสครบถ้วนให้ผู้ที่ไม่มี Photoshop เช่น นักพัฒนาที่กำลังสร้างหน้าเว็บ หรือลูกค้าที่ต้องอนุมัติแบบร่าง
สิ่งที่คงอยู่และสิ่งที่หายไปหลังการแปลงไฟล์
สิ่งที่ส่งต่อไปยัง PNG
- ขนาดภาพเป็นพิกเซลเต็ม
- ความโปร่งใสพร้อมขอบนุ่ม
- สไตล์เลเยอร์ตามที่เรนเดอร์
- โหมดการผสมและความทึบตามที่เรนเดอร์
- สีที่แมปเป็น sRGB
สิ่งที่ยังอยู่ใน PSD เท่านั้น
- เลเยอร์แยกที่แก้ไขได้
- ข้อความและฟอนต์ที่แก้ไขได้
- Smart Object และฟิลเตอร์
- เลเยอร์ที่ซ่อนและ Layer Comp
- โหมดสี CMYK
ควรเก็บ PSD ไว้เป็นไฟล์ต้นฉบับสำหรับกลับมาแก้ไข ส่วน PNG เป็นไฟล์ที่ส่งออก เช่นเดียวกับที่ Export As หรือ Quick Export as PNG ของ Photoshop ให้ หากงานดีไซน์เปลี่ยน ให้แก้ PSD แล้วแปลงใหม่ แทนการวาดทับบน PNG
PNG ที่รวมเลเยอร์จากอาร์ตบอร์ดขนาดใหญ่อาจมีขนาดไฟล์หนัก สำหรับเว็บไซต์ ให้นำผลลัพธ์ไปผ่าน แปลง PNG เป็น WebP ซึ่งคงความโปร่งใสไว้ได้ด้วยขนาดไฟล์ที่เล็กลงมาก ส่วนงานพิมพ์หรือการให้ลูกค้าตรวจหลายหน้า แปลง PSD เป็น PDF เหมาะกว่า
คำถามที่พบบ่อยเรื่องแปลง PSD เป็น PNG
พื้นหลังโปร่งใสของไฟล์ PSD จะยังโปร่งใสใน PNG หรือไม่
ได้ บริเวณที่ไม่มีพิกเซลที่มองเห็นในเอกสารจะกลายเป็นพิกเซลโปร่งใสใน PNG รวมถึงขอบนุ่มของการเลือกแบบ Feather และเงา เฉพาะเลเยอร์ Background ที่เติมสีไว้เท่านั้นที่จะทำให้บริเวณเหล่านั้นทึบ
ทำไมไฟล์ PSD ที่แปลงแล้วจึงว่างเปล่าหรือต่างจากที่เห็นใน Photoshop
Photoshop จะเก็บภาพตัวอย่างที่รวมเลเยอร์แล้วไว้ใน PSD ก็ต่อเมื่อเปิด Maximize PSD and PSB File Compatibility เท่านั้น หากไม่เปิด โปรแกรมอื่นต้องสร้างเลเยอร์ขึ้นใหม่เอง และอาจแสดงเอฟเฟกต์ไม่ครบ ให้บันทึก PSD ใหม่โดยตั้งตัวเลือกนี้เป็น Always
เลเยอร์ที่ซ่อนไว้จะรวมอยู่ใน PNG ด้วยหรือไม่
ไม่ PNG จะแสดงตามที่เอกสารแสดงอยู่ ตามการเปิดปิดเลเยอร์ในขณะนั้น ให้เปิดเลเยอร์ที่ต้องการหรือปิดเลเยอร์ที่ไม่ต้องการ แล้วบันทึกก่อนแปลง
ส่งออกแต่ละเลเยอร์เป็นไฟล์ PNG แยกกันได้หรือไม่
ทำไม่ได้ที่นี่ เพราะ PSD หนึ่งไฟล์จะได้รูปภาพหนึ่งรูป ใน Photoshop ให้ใช้ File, Export, Layers to Files เพื่อบันทึกแต่ละเลเยอร์เป็น PNG แยกกัน ส่วนไฟล์ที่รวมเลเยอร์จากหน้านี้เพียงพอสำหรับงานส่งมอบส่วนใหญ่
ต้องมี Photoshop เพื่อแปลง PSD เป็น PNG หรือไม่
ไม่ต้อง UltKit อ่านไฟล์ PSD ได้เอง คุณจึงแปลง PSD ที่นักออกแบบส่งมาบนแล็ปท็อปหรือโทรศัพท์ได้โดยไม่ต้องติดตั้งซอฟต์แวร์ของ Adobe
ไฟล์ PSD ควรแปลงเป็น PNG หรือ JPG ดีกว่า
เลือก PNG สำหรับโลโก้ UI และงานที่มีความโปร่งใสหรือตัวอักษรคมชัด ส่วนงานดีไซน์แนวภาพถ่ายที่จะใส่ในอีเมลหรือสไลด์ แปลง PSD เป็น JPG จะได้ไฟล์เล็กกว่ามาก
