แปลง GIF เป็น PNG — เลือกเฟรมใดก็ได้ คงความโปร่งใสไว้ครบ

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

สี: ใช้พาเลตได้ทั้งคู่

เฟรม GIF หนึ่งเฟรมใช้สีได้ไม่เกิน 256 สี ซึ่งกำหนดไว้ในพาเลต PNG เก็บแบบพาเลตได้เช่นกัน หรือจะเก็บแบบสีเต็มที่มีหลายล้านเฉดก็ได้ เนื่องจาก GIF ไม่เคยมีเกิน 256 สีต่อเฟรม เครื่องมือนี้จึงบันทึก PNG แบบพาเลตทุกครั้งที่ทำได้ ทุกพิกเซลจึงเหมือนเดิมและไฟล์ยังกะทัดรัด

ความโปร่งใส: เปิด/ปิด เทียบกับ 256 ระดับ

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

ภาพเคลื่อนไหว

GIF เคลื่อนไหวได้ แต่ PNG มาตรฐานทำไม่ได้ การแปลง GIF เป็น PNG จึงหมายถึงการเลือกเฟรมเดียว หรือบันทึกทุกเฟรมเป็น PNG แยกไฟล์ ทั้งสองแบบทำได้ในคลิกเดียวจากเครื่องมือด้านบน

ถ้าคุณเคยลองเครื่องมืออื่นแล้วได้เฟรมที่ว่างเกือบทั้งภาพ หรือเห็นแค่ดวงตาคู่หนึ่งกะพริบอยู่ ไม่ได้แปลว่า GIF เสียหาย นั่นคือวิธีที่ GIF เคลื่อนไหวประหยัดพื้นที่

เฟรมส่วนใหญ่เป็นแค่แพตช์

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

กฎ disposal กำหนดว่าจะเกิดอะไรต่อ

แต่ละเฟรมยังระบุด้วยว่าต้องทำอะไรกับพื้นที่ของตัวเองก่อนวาดเฟรมถัดไป:

คงไว้

เฟรมยังอยู่ และเฟรมถัดไปถูกวาดทับด้านบน นี่คือการตั้งค่าที่พบบ่อยที่สุด

ล้างออก

พื้นที่ถูกล้างให้โปร่งใส ใช้กับสไปรต์ที่เคลื่อนที่บนพื้นหลังว่าง

คืนภาพก่อนหน้า

พื้นที่กลับไปเป็นเหมือนก่อนแสดงเฟรมนั้น ใช้กับแสงวาบสั้น ๆ และป๊อปอัป

ตัวแปลงนี้เล่นเฟรม 1 ถึง n ซ้ำตามกฎเหล่านี้ก่อนบันทึก PNG จึงแสดงภาพเดียวกับที่เบราว์เซอร์ของคุณแสดง ณ ขณะนั้นทุกประการ

พิกเซลที่โปร่งใสใน GIF จะยังโปร่งใสใน PNG สิ่งที่ทำให้หลายคนแปลกใจคือขอบรอบรูปทรงที่ตัดพื้นหลังออก

ขอบสว่างมาจากไหน

เนื่องจาก GIF ไม่มีความโปร่งใสบางส่วน โปรแกรมที่ส่งออก GIF จึงผสมขอบที่ลบรอยหยักไว้เข้ากับสีพื้นหลัง ซึ่งมักเป็นสีขาว บนหน้าสีขาวขอบจะดูเรียบ แต่เมื่อวางบนพื้นหลังสีเข้ม พิกเซลที่ผสมไว้จะปรากฏเป็นเส้นขอบสีอ่อนบาง ๆ

ทำไมการแปลงจึงลบขอบนี้ไม่ได้

ขอบสว่างนี้ฝังอยู่ในสีของพิกเซล การแปลง GIF เป็น PNG คัดลอกพิกเซลเหล่านั้นมาอย่างซื่อตรง ขอบสว่างจึงติดมาด้วย หากต้องการขอบที่สะอาด ให้ส่งออกงานจากไฟล์ต้นทางเป็น PNG ใหม่ หรือใช้ PNG บนพื้นหลังที่มีสีใกล้เคียงกับสีที่ GIF ถูกสร้างมาให้ใช้

ตรวจสอบอย่างรวดเร็ว

เปิดผลลัพธ์ในหน้าตัวอย่าง: ลายตารางหมากรุกด้านหลังภาพจะแสดงให้เห็นชัดว่าพิกเซลใดโปร่งใส

โดยทั่วไปขนาดยังอยู่ในช่วงเดียวกัน บางครั้งเล็กกว่าด้วย ขึ้นอยู่กับวิธีบีบอัด PNG

PNG แบบพาเลต เทียบกับ PNG 32 บิต

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

เมื่อไร PNG จะใหญ่ขึ้น

GIF ที่ทำจากภาพถ่ายหรือวิดีโอใช้ดิทเธอริงหนัก ซึ่งเป็นจุดเล็ก ๆ คล้ายสัญญาณรบกวนที่หลอกตาให้เห็นสีมากขึ้น สัญญาณรบกวนแบบนี้บีบอัดได้ไม่ดีในทุกรูปแบบที่ไม่สูญเสียคุณภาพ ถ้าต้นทางของคุณเป็น GIF แบบนี้และต้องการแค่ภาพนิ่งไว้แชร์ แปลง GIF เป็น JPG จะได้ไฟล์ที่เล็กกว่ามาก

การแปลงคุ้มค่าทุกครั้งที่คุณต้องการภาพนิ่งที่ขอบคมและคงความโปร่งใส

เหตุผลที่ดีในการแปลง

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

เมื่อไรควรเก็บเป็น GIF

ถ้าการเคลื่อนไหวคือหัวใจของภาพ ให้เก็บเป็น GIF เพราะ PNG เป็นภาพนิ่งภาพเดียว และถ้าเว็บไซต์ต้องใช้ทุกเฟรมของแอนิเมชันยาว ๆ รูปแบบวิดีโอมักเล็กกว่า PNG หลายร้อยไฟล์

หากต้องการให้ PNG เล็กลงอีก ให้ใช้ บีบอัด PNG สำหรับเว็บ แปลง PNG เป็น WebP คงความโปร่งใสไว้ในไฟล์ที่เล็กยิ่งกว่า ส่วน ปรับขนาดรูปภาพ หรือ ครอบตัดภาพ ช่วยให้ได้ขนาดตรงตามที่เว็บไซต์กำหนด

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