PSD เป็น PNG: สิ่งที่ได้คือภาพรวมชั้นที่ Photoshop บันทึกไว้
ลากไฟล์ PSD มาวางก็เสร็จ ความโปร่งใสคงไว้เป็นค่าเริ่มต้น จะถมสีก็เลือกได้
สถานการณ์ที่พบบ่อยที่สุดคือ มีไฟล์ PSD แต่ไม่มี Photoshop ไฟล์มาจากคนทำกราฟิก แล้วต้องส่งให้ลูกค้าดู ต้องอัปขึ้นระบบที่รับแต่ PNG หรือต้องเอาไปใส่สไลด์ ทั้งหมดนี้ไม่ต้องแก้ไขอะไร ขอแค่ภาพแบนๆ หนึ่งภาพ
ขอบอกให้ชัดว่าเราอ่านอะไร นอกจากเลเยอร์แล้ว ไฟล์ PSD ยังเก็บ ภาพตัวอย่างแบบรวมชั้น เอาไว้ด้วย นั่นคือภาพที่อยู่บนจอตอนปิดไฟล์ครั้งล่าสุดพอดี และนี่คือสิ่งที่หน้านี้ส่งออก ข้อดีคือตรงกับต้นฉบับ เพราะเลเยอร์ปรับแต่ง สไตล์เลเยอร์ (เส้นขอบ เงา การไล่สีทับ) และสมาร์ตฟิลเตอร์ถูกรวมไว้เรียบร้อยแล้ว จึงไม่มีอาการ «ส่งออกมาแล้วไม่เหมือนใน Photoshop» ราคาที่ต้องจ่ายมีสองข้อ: เลเยอร์ที่ซ่อนไว้จะไม่ปรากฏ (เพราะมันไม่เคยอยู่ในภาพตัวอย่างนั้น) และ ส่งออกเฉพาะเลเยอร์ใดเลเยอร์หนึ่งไม่ได้ ซึ่งต้องใช้โปรแกรมแก้ไขเต็มรูปแบบ
ฟีเจอร์เด่น
ตรงกับที่ Photoshop แสดง
เลเยอร์ปรับแต่ง สไตล์เลเยอร์ และสมาร์ตฟิลเตอร์เป็นส่วนหนึ่งของภาพรวมชั้นอยู่แล้ว เราไม่คำนวณกองเลเยอร์ใหม่ จึงไม่มีทางที่จะได้ภาพเวอร์ชันของเราเองที่ต่างออกไปเล็กน้อย
ความโปร่งใสคงไว้เป็นค่าเริ่มต้น
PNG มีช่องอัลฟา และพื้นหลังโปร่งใสในไฟล์ PSD มักตั้งใจทำไว้ เช่น ตัวแบบที่ไดคัตแล้ว หรือชิ้นงานที่จะเอาไปวางซ้อนบนอย่างอื่น การถมขาวเป็นค่าเริ่มต้นเท่ากับทำให้งานนั้นแบนไป และใน PNG ย้อนกลับไม่ได้ ถ้าต้องการขาวหรือดำก็เลือกได้ในคลิกเดียว
ไฟล์ PSB ขนาดใหญ่ก็เปิดได้
ไม่จำกัดขนาดไฟล์ เพราะเราไม่ได้ตั้งไว้ เพดานจริงคือหน่วยความจำของเครื่องคุณ และเมื่อไม่พอ เบราว์เซอร์จะบอกเหตุผลออกมา เราส่งประโยคนั้นให้คุณตามเดิม
ไฟล์ไม่ถูกอัปโหลด
ทั้งการอ่านและการส่งออกจบลงในเบราว์เซอร์ของคุณ ไฟล์ PSD มักเป็นงานที่ยังไม่เผยแพร่ บรรทัดนี้จึงไม่ใช่คำพูดแถม ลองเปิดแผงเครือข่ายในเครื่องมือนักพัฒนาแล้วสั่งแปลงดู จะไม่มีคำขอใดที่พาข้อมูลภาพออกไปเลยแม้แต่รายการเดียว
วิธีใช้งาน
- 1 ลากไฟล์ PSD มาวางตรงนี้ลากมาวาง คลิกเพื่อเลือก หรือวางด้วย Ctrl+V รับทั้ง .psd และ .psb
- 2 เลือกว่าจะทำอย่างไรกับความโปร่งใสค่าเริ่มต้นคือคงไว้ ถ้าปลายทางไม่รองรับช่องอัลฟา ให้ถมด้วยสีขาวหรือสีดำ
- 3 เทียบสองฝั่งซ้ายคือภาพรวมชั้นจากไฟล์ PSD ขวาคือไฟล์ PNG ที่จะดาวน์โหลด ส่วนที่เป็นตารางหมากรุกคือความโปร่งใส
- 4 ดาวน์โหลดบันทึกเป็น .png หรือคลิกเดียวส่งต่อไปยังโปรแกรมแก้ไขเต็มรูปแบบ ซึ่งเลเยอร์จะแยกออกจากกันอีกครั้ง
คำถามที่พบบ่อย
- ข้อความ «ไม่มีภาพตัวอย่างแบบรวมชั้น» หมายความว่าอย่างไร
- เวลาบันทึกไฟล์ PSD นั้น Photoshop มีตัวเลือก «ทำให้เข้ากันได้สูงสุด» การปิดมันทำให้ไฟล์เล็กลง แต่แลกกับการที่ ไม่เขียนภาพตัวอย่างแบบรวมชั้นนั้นลงไป หรือเขียนไว้เป็นภาพเปล่า ซึ่งหน้านี้อ่านสิ่งนั้นพอดี ไฟล์แบบนี้จึงเปิดที่นี่ไม่ได้ แต่ ตัวไฟล์ไม่ได้เสีย ทางออกมีสองทาง: กลับไปบันทึกใหม่ใน Photoshop โดยติ๊กตัวเลือกนั้น หรือเปิดในโปรแกรมแก้ไขเต็มรูปแบบของเว็บนี้ ซึ่งอ่านเลเยอร์และไม่ต้องพึ่งภาพตัวอย่าง ★ เรายอมบอกตรงนั้นเลย ดีกว่ายื่นไฟล์ PNG เปล่าที่มองไม่ออกว่ามีอะไรผิดปกติให้คุณ
- ทำไมผลลัพธ์ถึงขาดเลเยอร์ไปหนึ่งชั้น
- เพราะเลเยอร์นั้น ถูกซ่อนไว้ ในไฟล์ PSD (ไอคอนรูปตาปิดอยู่) ภาพตัวอย่างแบบรวมชั้นบันทึกหน้าตาของไฟล์ ณ วินาทีที่ปิด เลเยอร์ที่ซ่อนไว้จึงไม่เคยอยู่ในนั้น ให้เปิดการแสดงผลใน Photoshop หรือในโปรแกรมแก้ไขของเว็บนี้ แล้วส่งออกใหม่
- ส่งออกเฉพาะเลเยอร์เดียวได้ไหม
- ในหน้านี้ไม่ได้ เพราะมันอ่านภาพรวมชั้นเพียงภาพเดียว หากต้องการส่งออกทีละเลเยอร์ ให้ใช้โปรแกรมแก้ไขเต็มรูปแบบของเว็บนี้: เปิดไฟล์ PSD เดิม สลับแสดงหรือซ่อนในแผงเลเยอร์ แล้วจึงส่งออก ทางนั้นก็ฟรีเหมือนกัน เพียงแต่มีขั้นตอนมากขึ้นอีกนิด
- ข้อความหรือฟอนต์จะเพี้ยนไหม
- ไม่เพี้ยน ในภาพตัวอย่างแบบรวมชั้นนั้น ข้อความกลายเป็นพิกเซลไปแล้ว จึง ไม่จำเป็นต้องมีฟอนต์นั้นติดตั้งอยู่ในเครื่องนี้ นี่คือข้อแตกต่างที่ใหญ่ที่สุดจากการ «เปิดไฟล์ PSD ในโปรแกรมแก้ไข» เพราะโปรแกรมแก้ไขต้องจัดวางข้อความใหม่ และถ้าไม่มีฟอนต์ก็จะแทนด้วยฟอนต์อื่น ขณะที่ตรงนี้คุณได้ภาพเดียวกับที่ Photoshop วาดไว้ตั้งแต่แรก
ลองใช้ PSD เป็น PNG: สิ่งที่ได้คือภาพรวมชั้นที่ Photoshop บันทึกไว้ เลย
ทำงานในเบราว์เซอร์ทั้งหมด · ไม่ต้องติดตั้ง · ไม่ต้องสมัคร · ไม่มีการอัปโหลดรูปภาพ