สร้าง GIF จากวิดีโอบันทึกหน้าจอของคุณ

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

เมื่อไหร่ GIF ดีกว่าวิดีโอ

GIF โดดเด่นในที่ที่วิดีโอใช้งานได้ไม่คล่องตัว เช่น ฝังในไฟล์ README วางลงในเธรด Slack โดยตรง ฝังในคอมเมนต์ของ GitHub issue หรือ pull request หรือแปะในเอกสาร Notion มันเล่นอัตโนมัติได้ทุกที่โดยไม่ต้องมี UI สำหรับเล่น วนซ้ำเป็นค่าเริ่มต้น และไม่ต้องมีเสียง ซึ่งทำให้เหมาะกับการกระทำสั้นๆ ที่ไม่มีเสียงและทำซ้ำได้

แต่มันไม่เหมาะกับเนื้อหาที่มีการบรรยาย ยาวกว่าไม่กี่วินาที หรือมีรายละเอียดเล็กๆ จำนวนมากบนหน้าจอ สำหรับกรณีเหล่านั้นให้ส่งออกเป็น MP4 แทนแล้วแนบลิงก์วิดีโอ

การส่งออก GIF ของ Recorded ทำงานอย่างไร

เมื่อคุณเลือก GIF ในหน้าต่างส่งออก Recorded ไม่ได้แค่เข้ารหัสวิดีโอที่บันทึกไว้ใหม่ แต่จะรันไปป์ไลน์แบบสองรอบที่ออกแบบมาเฉพาะสำหรับข้อจำกัดของ GIF:

1. ปรับสเกลให้กว้าง 640px ความสูงจะปรับโดยอัตโนมัติเพื่อรักษาอัตราส่วนภาพของวิดีโอที่บันทึกไว้ วิธีนี้ช่วยให้ขนาดไฟล์อยู่ในระดับที่เหมาะสม เพราะ GIF ไม่มีการบีบอัดระหว่างเฟรมที่มีประสิทธิภาพแบบที่ MP4 มี
2. ลดเฟรมเรตลงเหลือ 10 fps GIF ไม่จำเป็นต้องมีเฟรมเรต 30 หรือ 60 fps เพื่อให้ดูเข้าใจได้ 10 fps ก็เพียงพอสำหรับการโต้ตอบกับ UI และการเคลื่อนไหวของเคอร์เซอร์ อีกทั้งยังช่วยลดจำนวนเฟรม (และขนาดไฟล์) ลงด้วย
3. สร้างชุดสีเฉพาะ (custom color palette) แทนที่จะใช้ชุดสีเริ่มต้น 256 สีของ GIF แบบตรงไปตรงมา Recorded จะวิเคราะห์คลิปของคุณก่อน แล้วสร้างชุดสีที่ปรับให้เหมาะกับคลิปนั้นโดยเฉพาะ จากนั้นจึงนำชุดสีนี้ไปใช้ในรอบที่สอง ขั้นตอนนี้เองที่ช่วยป้องกันไม่ให้เกรเดียนต์และตัวอักษรแบบ anti-aliased ดูเป็นแถบหรือมีสัญญาณรบกวน

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

วิธีให้ได้ผลลัพธ์ที่ดี

เนื่องจากไปป์ไลน์นั้นตายตัว วิธีที่จะทำให้ GIF ออกมาดูดีขึ้นคือการควบคุมสิ่งที่คุณป้อนเข้าไป:

• ตัดต่อให้กระชับก่อนส่งออก ตัดวิดีโอให้เหลือเฉพาะช่วงลูปที่สำคัญในตัวแก้ไขวิดีโอก่อน GIF ที่มาจากวิดีโอยาว 45 วินาทีจะเป็นไฟล์ใหญ่และโหลดช้า ในขณะที่ GIF จากช่วงเวลา 4 วินาทีที่แสดงพฤติกรรมนั้นจริงๆ จะมีขนาดเล็กและแชร์ได้ง่าย
• บันทึกเฉพาะหน้าต่างหรือพื้นที่ ไม่ใช่ทั้งหน้าจอ เมื่อทำได้ เนื่องจากทุกอย่างจะถูกปรับสเกลให้กว้าง 640px การจับภาพขนาดเต็ม 1920px ที่เต็มไปด้วยตัวอักษรและไอคอนเล็กๆ จะกลายเป็นภาพเบลอที่ความละเอียดนั้น การจับภาพเฉพาะแผงที่เกี่ยวข้องจะยังคงอ่านได้ชัดเจน
• รักษาความเคลื่อนไหวให้เรียบง่าย การซูมเร็ว การเคลื่อนไหวของเคอร์เซอร์ที่รวดเร็ว หรือแอนิเมชันที่หนาแน่น ล้วนเสียคุณภาพมากกว่าที่ 10 fps เมื่อเทียบกับการกระทำที่นิ่งและตั้งใจ หากคุณกำลังสาธิตขั้นตอนการคลิกต่อเนื่อง ให้หยุดพักสั้นๆ ที่แต่ละสถานะแทนที่จะเคลื่อนไหวเร็วระหว่างสถานะเหล่านั้น
• ระวัง UI ที่มีสีพื้นขนาดใหญ่ การสร้างชุดสีจะทำงานได้ดีที่สุดเมื่อคลิปไม่จำเป็นต้องแสดงสีจำนวนมากพร้อมกัน อินเทอร์เฟซที่เป็นโทนสีเดียวเป็นส่วนใหญ่พร้อมจุดไฮไลต์เล็กๆ จะบีบอัดได้ดีกว่าแดชบอร์ดที่มีสีสันหลากหลายและซับซ้อน

ขั้นตอนการทำงานง่ายๆ

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

GIF กับ MP4: เลือกรูปแบบไฟล์ให้เหมาะสม

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