ข้ามไปยังเนื้อหา
FileMyLove

PNG เป็น GIF แล้วพื้นหลังขาว เลือกไฟล์อย่างไรให้ตรงงาน

เข้าใจความโปร่งใสของ GIF และเหตุผลที่ตัวแปลงรูปส่งออกพื้นขาว เลือก PNG สำหรับภาพนิ่งโปร่งใสและตรวจขอบก่อนนำไปวางบนพื้นสี

โดย FileMyLove Teamอ่าน 3 นาที

โลโก้ PNG ที่วางบนพื้นสีได้ อาจมีกรอบขาวหลังแปลงเป็น GIF หากต้องการภาพนิ่งพื้นใส ให้เก็บและใช้ PNG ต้นฉบับก่อน อย่าแปลงไปกลับหลายรอบเพื่อหวังให้พื้นขาวหายเอง

แยกความสามารถของไฟล์กับการส่งออก

MDN อธิบายว่า GIF กำหนดสีหนึ่งในตารางสีให้โปร่งใสได้ แต่พิกเซลนั้นจะโปร่งใสทั้งหมด ไม่ใช่ระดับกึ่งโปร่งใสแบบ alpha ของ PNG เงาหรือขอบจางจึงเป็นจุดที่ต้องตรวจเมื่อเปลี่ยนรูปแบบ

สำหรับ ตัวแปลงรูปของ FileMyLove ปัจจุบันเส้นทางส่งออก GIF จะวางภาพบนพื้นขาวก่อนสร้างไฟล์ และเป็นภาพนิ่งหนึ่งเฟรม จึงไม่ควรเลือกเส้นทางนี้เมื่อจำเป็นต้องคงพื้นใส หรือเก็บการเคลื่อนไหวของไฟล์เดิม

ตรวจจากต้นฉบับที่ยังไม่แปลง

  1. เก็บ PNG ต้นฉบับแยกจาก GIF ที่ได้
  2. ทดลองวางต้นฉบับบนพื้นอ่อนและพื้นเข้มในงานปลายทาง
  3. ดูบริเวณเส้นผม เงา โลโก้ และขอบโค้งที่ขนาดใช้งานจริง
  4. ถ้าต้นฉบับยังโปร่งใสดี ให้ใช้ PNG เมื่อปลายทางรับได้
  5. เปิดไฟล์ที่ดาวน์โหลดตรวจอีกครั้งก่อนส่งให้ผู้อื่น

หากเห็นลายตารางอยู่ในตัวรูปแม้ย้ายพื้นหลัง อ่าน ลายตารางที่ไม่ได้เป็นความโปร่งใสจริง ก่อน เพราะปัญหานี้เริ่มจากต้นฉบับ ไม่ใช่การเลือก GIF

เลือกตามสิ่งที่ต้องรักษา

งานที่ต้องการ แนวทางที่เราแนะนำ
ภาพนิ่งพื้นใสและขอบจาง ใช้ PNG ที่ยังมี alpha
ภาพนิ่งพื้นขาว ตรวจว่า GIF ที่ได้เหมาะกับสีและรายละเอียด
ภาพเคลื่อนไหวเดิม เก็บไฟล์เคลื่อนไหวต้นฉบับ ไม่ใช้ตัวแปลงภาพนิ่งเพื่อรักษาเฟรม
ปลายทางบังคับ GIF โปร่งใส ใช้ตัวส่งออกที่รองรับ transparency โดยตรง แล้วทดสอบขอบ

นี่เป็นแนวทางเลือกไฟล์ ไม่ใช่ฟีเจอร์ส่งออก GIF โปร่งใสเพิ่มเติมบนเว็บ

ถ้ามีเพียงไฟล์พื้นขาว

แปลงกลับ PNG อย่างเดียวไม่แยกสีขาวออกจากภาพ หากไม่มีต้นฉบับพื้นใส อาจลอง ลบพื้นหลัง แล้วตรวจรายละเอียดที่ควรเก็บด้วยตนเอง เราไม่รับรองว่าจะกู้ขอบเดิมได้เหมือนต้นฉบับ

หากปัญหาคือสีไล่ระดับเป็นขั้น แม้ไม่ได้ต้องการพื้นใส ดู สี GIF เป็นแถบ ซึ่งเป็นอีกเงื่อนไขหนึ่งของการเลือกไฟล์

แหล่งอ้างอิง

  1. MDN Web Docs
    Image file type and format guide

คำถามที่พบบ่อย

บทความอื่น