MP4 เป็น GIF: การตั้งค่าที่ดีที่สุดสำหรับไฟล์เล็ก (โดยไม่ดูแย่)
GIF คือกับดัก
มันหาที่ติไม่ได้เมื่อคุณต้องการลูปที่เล่นอัตโนมัติใน GitHub README หรือเอกสาร Notion
แต่มันก็เป็นฟอร์แมตโบราณที่บวมและทำลายตัวหนังสือคมๆ ได้ถ้าใช้ผิดวิธี
ต่อไปนี้คือวิธีแปลง MP4 เป็น GIF ที่รักษาความชัดเจนพอใช้และขนาดไฟล์ที่สมเหตุสมผล และเมื่อไหร่ที่คุณควรข้ามฟอร์แมตนี้ไปเลย
ตัวแปลง
แปลง MP4 เป็น GIF ในเบราว์เซอร์ (ไม่ต้องสมัคร): → เครื่องมือแปลงวิดีโอฟรี
การตั้งค่าที่ทำให้ไฟล์เล็ก
ถ้าไม่อยากได้ GIF 40MB:
- ทำให้สั้น 2 ถึง 6 วินาที สูงสุด
- ครอปให้หนัก อย่าทำ GIF เต็มเดสก์ท็อป 4K แยกเฉพาะองค์ประกอบ UI ที่สำคัญ
- ลดเฟรมเรต 12 หรือ 15 fps
- จำกัดความกว้าง 480 ถึง 800 พิกเซลคือเพดานสำหรับ GIF ที่เสถียร
- ขยายต้นฉบับ ตัวหนังสือ UI ต้องใหญ่ในไฟล์ MP4 ต้นทาง ก่อนการแปลง
คณิตศาสตร์เบื้องหลังไฟล์ที่บวม
ฟอร์แมต GIF ไม่ได้สร้างมาเพื่อวิดีโอสมัยใหม่
การบีบอัดไม่มีประสิทธิภาพ จานสีจำกัด และสู้กับคอนเทนต์ที่แน่นๆ อย่าง syntax highlighting หรือเกรเดียนต์ของ UI ไม่ได้
ถ้าใส่ความยาวเยอะ เฟรมเรตสูง หรือความละเอียดสูงผ่านเอนโค้ดเดอร์ GIF ไฟล์จะระเบิด ลดอย่างน้อยสองในสามอย่างลง
ตามจุดหมายปลายทาง
เอกสารอินไลน์ (GitHub/README) เป้าหมายคือลูปที่เบา ครอปให้เหลือพื้นที่ฟีเจอร์ จำกัด 4 วินาที 15 fps และความกว้างต่ำกว่า 800 พิกเซล
ทีเซอร์หน้าแลนดิ้ง เป้าหมายคือภาพที่สะอาดโดยไม่ทำให้หน้าโหลดช้าลง ครอปให้แน่นแล้วขยับไป 20 fps เพื่อการขยับที่เนียนขึ้น หรือจะใช้ WebM แบบฝังแทน GIF ตรงนี้ดีกว่า
รายงานบั๊ก เป้าหมายคือบริบทเร็วๆ ใน Slack จัดเฟรมจุดที่พังให้แน่น จำกัด 8 วินาที แล้วลดเหลือ 12 fps เพื่อให้ไฟล์เล็กพอจะส่ง
กฎทองของคลิป UI
คุณกู้ตัวหนังสือจิ๋วในขั้นตอนหลังถ่ายไม่ได้
ถ้าคุณบันทึกเดสก์ท็อป 1440p ด้วยฟอนต์ 10pt แล้วแปลงเป็น GIF กว้าง 800px โค้ดจะดูเหมือนหมึกเลอะ เปลี่ยนที่การจับภาพแทน: ขยายฟอนต์ก่อนบันทึก และวางการกระทำไว้กลางจอ 1080p กับ 1440p กับ 4K: อะไรทำให้ตัวหนังสือคม
เมื่อไหร่ควรเลิกใช้ GIF
เปลี่ยนไปใช้ MP4 หรือ WebM เมื่อ:
- คลิปยาวกว่าแปดวินาที
- คุณต้องการตัวหนังสือที่อ่านได้
- ความเร็วของหน้าเว็บสำคัญ
เก็บ GIF ไว้สำหรับที่ที่ไม่เล่นวิดีโอ HTML5 แบบอัตโนมัติ
GIF ที่ดีเริ่มจาก MP4 ที่ดี
การแปลงจะดูดีขึ้นเมื่อต้นทางดี
ถ้าการบันทึกต้นฉบับมีเคอร์เซอร์เนียน ซูมอัตโนมัติที่สงบ และไม่กระตุก GIF จะรับสมบัติเหล่านั้นมา AUFZEICHNA ทำให้เลเยอร์นั้นเป็นอัตโนมัติบน Windows ชมการสาธิต · ราคาตลอดชีพ
คำถามที่พบบ่อย
ทำไม GIF ของผมถึงใหญ่ขนาดนั้น การบีบอัดของฟอร์แมตนี้โบราณ ความละเอียดสูงคูณกับความยาวนาน ทำให้ไฟล์โตเร็วมาก
การตั้งค่าที่ถูกต้องคืออะไร สูงสุดหกวินาที ครอปให้แน่นรอบการกระทำ 15 ถึง 20 fps และตัวหนังสือต้นฉบับที่ใหญ่
ควรใช้ GIF กับเดโมยาวๆ ไหม ไม่ อะไรที่เกินสิบวินาทีควรเป็น MP4 หรือ WebM ที่บีบอัดแล้ว: คุณภาพดีกว่าที่ขนาดไฟล์เพียงเศษเสี้ยว