วิธีแปลงวิดีโอเป็น GIF: ขนาด เฟรมเรต และเทคนิคการวนลูป

GIF มีอายุมากกว่าเว็บเสียอีก CompuServe เปิดตัวเวอร์ชันแรก GIF87a ในปี 1987 เพื่อส่งภาพนิ่งผ่านการเชื่อมต่อแบบ dial-up และฉบับปรับปรุงปี 1989 (GIF89a) เพิ่มสองสิ่งที่ทำให้เกิดภาพเคลื่อนไหวได้ คือค่าหน่วงเวลาของแต่ละเฟรมและสีโปร่งใสหนึ่งสี การวนซ้ำมาทีหลังในปี 1995 เมื่อ Netscape Navigator 2.0 เริ่มอ่านส่วนขยายเล็ก ๆ ที่ระบุจำนวนรอบที่ต้องเล่นซ้ำ GIF เคลื่อนไหวทุกไฟล์ในวันนี้จึงยังเป็นไฟล์ GIF89a ที่มีบล็อกนั้นอยู่ภายใน จึงเล่นได้ในแทบทุกเบราว์เซอร์และโปรแกรมอีเมล

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

GIF ยังมีสองอย่างที่เก็บไม่ได้ อย่างแรกคือไม่มีแทร็กเสียงเลย เสียงในวิดีโอจึงหายไป อย่างที่สองคือการกำหนดเวลาค่อนข้างหยาบ ค่าหน่วงเก็บเป็นหน่วยหนึ่งในร้อยวินาที และเบราว์เซอร์ส่วนใหญ่ถือว่าค่า 0 หรือ 1 เท่ากับ 10 GIF ที่สร้างที่ 50 fps ขึ้นไปจึงเล่นช้าลง ไม่ได้ลื่นขึ้น ในทางปฏิบัติช่วงที่ใช้ได้จริงคือ 10 ถึง 25 fps

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

ขนาดของ GIF โดยประมาณคือ กว้าง × สูง × จำนวนเฟรม โดยลดลงตามส่วนที่นิ่งอยู่ระหว่างเฟรม จึงจัดอันดับตัวช่วยได้ง่าย ความยาวลดเฟรมแบบหนึ่งต่อหนึ่ง สี่วินาทีแทนแปดวินาทีทำให้ไฟล์เหลือครึ่งเดียว ความกว้างลดพิกเซลแบบกำลังสอง จาก 640 px เป็น 320 px เหลือพิกเซลหนึ่งในสี่ต่อเฟรม เฟรมเรตลดเฟรมแบบเชิงเส้นอีกครั้ง และ 12 fps ใช้ได้ดีเกินคาดสำหรับท่าทางและใบหน้า การลดจำนวนสีช่วยได้น้อยกว่าที่คนคิด ปกติ 10 ถึง 30 เปอร์เซ็นต์ เพราะ LZW สนใจรูปแบบที่ซ้ำกันมากกว่าขนาดพาเลตต์

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

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

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

ปลายทางของ GIF กำหนดงบขนาดไฟล์ก่อนการตั้งค่าใด ๆ Discord ลดขีดจำกัดอัปโหลดแบบฟรีเหลือ 10 MB ต่อไฟล์ในปี 2024 ซึ่งเป็นตัวเลขที่คนส่วนใหญ่เจอก่อน Nitro Basic เพิ่มเป็น 50 MB และ Nitro เป็น 500 MB GIPHY รับอัปโหลดได้ถึง 15 วินาทีและ 100 MB X รับ GIF ได้ถึง 15 MB และแปลงเป็นวิดีโอแบบวนซ้ำเมื่ออัปโหลด ส่วน Reddit รับ GIF ได้ถึง 100 MB แต่ก็แสดงผลเป็นวิดีโอเช่นกัน Slack รับไฟล์ได้ถึง 1 GB แต่อีโมจิที่กำหนดเองต้องไม่เกิน 128 KB ซึ่งหมายถึงความกว้างเล็กมาก วนสั้น และสีน้อย

อีเมลเป็นกรณีพิเศษ Gmail อนุญาตไฟล์แนบ 25 MB ต่อข้อความ และ Outlook.com 20 MB แต่ GIF ที่ฝังในเนื้อความของจดหมายข่าวหรือลายเซ็นควรมีขนาดต่ำกว่า 1 MB มาก ๆ เพื่อให้ข้อความเปิดได้เร็วบนเน็ตมือถือ ในแชต ให้ตั้งเป้าที่ครึ่งหนึ่งของขีดจำกัดแทนที่จะชิดเพดาน เพราะผู้รับอาจใช้อินเทอร์เน็ตช้า ตัวเลขด้านล่างเป็นข้อมูล ณ ปี 2025 หากไฟล์อยู่ติดขอบเพดานพอดี ควรตรวจหน้าช่วยเหลือของบริการนั้นอีกครั้ง

เหตุผลที่ X แปลง GIF ทุกไฟล์ที่อัปโหลดเป็น MP4 มาตั้งแต่ปี 2014 คือแบนด์วิดท์ คลิปห้าวินาทีเดียวกันที่หนัก 4 MB ในรูป GIF มักเหลือเพียงไม่กี่ร้อยกิโลไบต์เมื่อเป็น H.264 ทั้งยังได้สีเต็มแทนที่จะมีแค่ 256 เฉด และไม่มีสัญญาณรบกวนจากการกระจายจุดสี GIPHY และ Tenor ก็ทำแบบเดียวกัน ปุ่ม GIF ในคีย์บอร์ดมักดึงไฟล์ MP4 หรือ WebP ขนาดเล็กมาแสดง ดังนั้นคำถามที่แท้จริงจึงไม่ใช่วิธีทำ GIF ให้ดีที่สุด แต่คือปลายทางที่จะโพสต์ต้องใช้ GIF จริง ๆ หรือไม่

ควรใช้ GIF จริงเมื่อปลายทางแสดงรูปภาพได้แต่เล่นวิดีโอไม่ได้ เช่น เนื้อหาอีเมล README หรือ issue บน GitHub ตั๋ว Jira วิกิ เว็บบอร์ดรุ่นเก่า และสไลด์ที่ต้องเปิดได้ในทุกโปรแกรม ส่วนที่ที่เล่นวิดีโอแบบอินไลน์และปิดเสียงได้ ซึ่งครอบคลุมโซเชียลเน็ตเวิร์กและแอปแชตสมัยใหม่ส่วนใหญ่ ลูป MP4 หรือ WebM จะดูดีกว่าและโหลดเร็วกว่า บนเว็บเพจที่คุณควบคุมเอง องค์ประกอบ <video autoplay muted loop playsinline> ทำงานเหมือน GIF และใช้ข้อมูลน้อยกว่ามาก

ยังมีฟอร์แมตภาพอีกสองแบบที่อยู่ตรงกลาง WebP แบบเคลื่อนไหวจาก Google รองรับหลายล้านสีและการบีบอัดแบบสูญเสียข้อมูล และเล่นใน Safari ได้ตั้งแต่เวอร์ชัน 14 เมื่อปี 2020 จึงใช้ได้ในเบราว์เซอร์ปัจจุบันทุกตัว แม้แอปจำนวนมากนอกเบราว์เซอร์จะยังไม่รองรับ ส่วน APNG ขยาย PNG ให้มีหลายเฟรม คงสีเต็มและความโปร่งใสแบบอัลฟาจริง และเป็นฟอร์แมตที่ Apple และ LINE ใช้กับสติกเกอร์เคลื่อนไหว หากมี GIF อยู่แล้วและต้องการลดขนาดสำหรับเว็บไซต์ที่เล่นวิดีโอได้ การแปลง GIF กลับเป็น MP4 มักช่วยลดขนาดได้มากที่สุด

โทรศัพท์ทำได้เองโดยไม่ต้องติดตั้งแอปเพิ่ม บน iPhone แอป Shortcuts มีแอ็กชัน Make GIF ที่รับวิดีโอหรือ Live Photo และ Live Photo ที่ใช้เอฟเฟกต์ Loop หรือ Bounce เป็นวิธีถ่ายต้นฉบับได้เร็ว แอป Gallery ของ Samsung จะแสดงปุ่ม GIF ขณะเล่นวิดีโอ เพื่อบันทึกช่วงที่เห็นเป็น GIF แอป GIPHY และ GIF Maker บนเว็บช่วยตัด ใส่คำบรรยาย และอัปโหลดในที่เดียว แต่ผลงานจะเป็นสาธารณะ เว้นแต่จะเลือกเพียงบันทึก ใน Photoshop เมนู File > Import > Video Frames to Layers นำเข้าได้สูงสุด 500 เฟรม และ Export > Save for Web (Legacy) จะเขียน GIF พร้อมตัวควบคุมจานสีและการกระจายจุดสี

หากต้องการควบคุมเต็มที่และทำเป็นชุด วิธีจานสีสองรอบของ ffmpeg ให้ผลสะอาดที่สุด ฟิลเตอร์แรกสแกนคลิปและสร้างจานสี 256 สีจากสีจริง ฟิลเตอร์ที่สองแมปทุกเฟรมเข้ากับจานสีนั้น คำสั่งบรรทัดเดียวด้านล่างตัดห้าวินาทีเริ่มที่ 0:02 ย่อให้กว้าง 480 px สุ่ม 12 fps และวนซ้ำตลอดไป ในเบราว์เซอร์ ตัวแปลงวิดีโอเป็น GIF ทำขั้นตอนจานสีเดียวกันพร้อมตัวควบคุม ความกว้าง อัตราเฟรม สี และ การกระจายจุดสี (Dithering) ส่วนหน้า MP4 เป็น GIF จะเปิดโดยเลือก MP4 ไว้ให้ คลิป MOV จากโทรศัพท์ใช้วิธีเดียวกัน หากแอปไม่รับไฟล์ ให้อ่านการแปลง MOV เป็น MP4 ก่อน

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

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