บีบอัดภาพ PNG โดยไม่ทำให้ความโปร่งใสหายไป
เตรียมตัวเลือกเฉพาะสำหรับ PNG สำหรับโลโก้ สกรีนช็อต แอสเซตของอินเทอร์เฟซ และกราฟิกแบบโปร่งใส
เลือกภาพ PNG
ไฟล์ PNG แบบภาพนิ่ง; รุ่นนี้ยังไม่รองรับ APNG · ขีดจำกัดไฟล์: 20 · 5 MB ต่อไฟล์
เตรียมตัวเลือกเฉพาะสำหรับ PNG สำหรับโลโก้ สกรีนช็อต แอสเซตของอินเทอร์เฟซ และกราฟิกแบบโปร่งใส
ไฟล์ PNG แบบภาพนิ่ง; รุ่นนี้ยังไม่รองรับ APNG · ขีดจำกัดไฟล์: 20 · 5 MB ต่อไฟล์
การบีบอัดที่คำนึงถึงความโปร่งใส
เลือกกลยุทธ์ PNG ที่คงขอบโปร่งใส ข้อความคมชัด และกราฟิกสีเรียบไว้ครบ

คงพิกเซลที่โปร่งใสและโปร่งใสบางส่วนไว้
ปรับการเข้ารหัสให้เหมาะสมโดยไม่ตั้งใจเปลี่ยนค่าพิกเซล
ใช้จำนวนสีน้อยลงเมื่อโลโก้หรือแอสเซ็ต UI ยอมรับได้
ไฟล์ PNG แบบเคลื่อนไหวยังอยู่นอกเวิร์กโฟลว์นี้
PNG ที่เล็กที่สุดก็ไม่มีประโยชน์ ถ้าความโปร่งใสหรือขอบที่คมชัดหายไป
องค์ประกอบของ PNG
ไฟล์ PNG อาจประกอบด้วยพิกเซลทึบ ความโปร่งใสบางส่วน ข้อความ และพื้นที่สีแบน คุณสมบัติเหล่านี้ควรตรวจแยกกัน แทนที่จะใช้พรีเซ็ตการบีบอัดแบบภาพถ่าย
ทดสอบขอบแบบแอนติอะไลแอสบนพื้นหลังสว่างและเข้ม เพื่อให้การแบน (flattening) หรือขอบเงา (halo) ไม่ถูกซ่อนอยู่ในพรีวิวแบบพื้นหลังเดียว
การเปลี่ยนพาเลตสีอาจกระทบโทนที่เนียนและรายละเอียดระดับ 1 พิกเซล แม้ภาพตัวอย่างขนาดเล็กที่มองจากไกลจะดูโอเคก็ตาม
ดูไฟล์ PNG ที่ส่งออกบนพื้นหลังทั้งแบบสว่างและเข้ม ตรวจตัวอักษรเล็ก สีแบน เกรเดียนต์ และขอบที่โปร่งใสบางส่วน
กลยุทธ์ PNG
กราฟิก PNG อาจต้องใช้ความโปร่งใส ขอบคม และสีที่คงที่ ควรตัดสินใจก่อนว่าพิกเซลหลังถอดรหัสต้องคงเดิมแบบเป๊ะหรือไม่ แล้วค่อยพิจารณาการลดจำนวนสีในพาเลต
ใช้เมื่อสีตามสัญญา พิกเซลของอินเทอร์เฟซ หรือค่าขอบโปร่งใส ต้องคงอยู่โดยไม่มีการเปลี่ยนแปลงหลังถอดรหัส
งานภาพสีแบนอาจรับจำนวนสีที่น้อยลงได้ แต่เกรเดียนต์ สกรีนช็อต และภาพประกอบที่มีพื้นผิว อาจเกิดอาการเป็นแถบ (banding) ให้เห็นชัด
ใช้เวิร์กโฟลว์ JPG กับภาพถ่ายที่ทึบเท่านั้นเมื่อไม่จำเป็นต้องมีความโปร่งใส และคงใช้ PNG ไว้เมื่อภาพต้องมีพิกเซลโปร่งใส
ตรวจสอบผลลัพธ์ของคุณ
วาง PNG บนพื้นหลังสว่างและเข้มเพื่อให้เห็นขอบรุ่ยรอบเส้นผม เงา หรือข้อความที่ทำแอนติอะไลแอส
ตรวจโลโก้และกราฟิกของอินเทอร์เฟซว่ามีสีแบรนด์เปลี่ยนไปหรือเฉดหายไปหรือไม่ การลดพาเลตสีอาจส่งผลกับส่วนเหล่านี้ต่างจากภาพถ่าย
หากต้องการพิกเซลที่ตรงเป๊ะ ให้เปรียบเทียบค่าพิกเซลหลังถอดรหัสแทนการดูจำนวนไบต์ของไฟล์ การที่ PNG เล็กลงเพียงอย่างเดียวไม่ได้เป็นหลักฐานว่าผลลัพธ์ไม่สูญเสียคุณภาพ
เวิร์กโฟลว์ PNG ถูกออกแบบมาเพื่อคงความโปร่งใสแบบอัลฟ่า ตรวจสอบผลลัพธ์ที่ประมวลผลจริงใน VisionStory ก่อนแทนที่แอสเซ็ตต้นฉบับ