บทช่วยสอน
วิธีจับภาพหน้าจอจากวิดีโอและรวมหลายเฟรมออนไลน์
จับภาพนิ่งเฟรมเดียวหรือรวมหลายภาพหน้าจอเป็นภาพเดียว — ส่งออกเป็น JPEG, PNG หรือ WebP
บางครั้งคุณต้องการเฟรมที่สมบูรณ์แบบ — ภาพ thumbnail นิ่ง ภาพหน้าจอเป็นหลักฐาน หรือ contact sheet สำหรับ storyboard ภาพหน้าจอจากวิดีโอ จับภาพเฟรมเดียวหรือ รวมหลายภาพหน้าจอ เป็นภาพ JPEG, PNG หรือ WebP เดียว ประมวลผลในเบราว์เซอร์ของคุณโดยตรง
ภาพเฟรมเดียวเทียบโหมดรวมภาพ
| โหมด | ผลลัพธ์ | เหมาะสำหรับ |
|---|---|---|
| ภาพเดียว | ภาพนิ่งหนึ่งภาพที่ตำแหน่ง playhead | Thumbnail, meme, เอกสารประกอบ |
| รวมหลายภาพ | ตารางหรือแถบรวม | บทช่วยสอนทีละขั้น เปรียบเทียบความคืบหน้า |
สำหรับการส่งออกภาพเคลื่อนไหวพร้อมเสียง กรุณาใช้ วิดีโอเป็น GIF หรือเครื่องมือ MP4 แทน
ขั้นตอนทีละขั้น: จับภาพเฟรมเดียว
- เปิด ภาพหน้าจอจากวิดีโอ และโหลดไฟล์วิดีโอของคุณ
- เลือกโหมดจับภาพ ภาพเดียว
- เลื่อน timeline ไปยังเฟรมที่ต้องการ ใช้ปุ่มลูกศรหรือการเลื่อนแบบละเอียดเพื่อความแม่นยำ
- เลือกผลลัพธ์ JPEG, PNG หรือ WebP PNG/WebP รักษาข้อความ UI ให้คมชัด JPEG มีขนาดเล็กกว่า
- คลิก จับภาพและดาวน์โหลด
ภาพนิ่งจะสะท้อนตำแหน่ง playhead ปัจจุบันเท่านั้น
ขั้นตอนทีละขั้น: รวมหลายเฟรม
- สลับไปยังโหมด รวมหลายภาพ
- เลื่อนไปยังช่วงเวลาที่ต้องการและ เพิ่มจุดจับภาพ บน timeline (อย่างน้อย สอง จุด)
- เลือก รูปแบบการรวมภาพ: แถบแนวตั้ง แถบแนวนอน ตาราง 2 คอลัมน์ ตาราง 3 คอลัมน์ หรืออัตโนมัติ
- ปรับ quality สำหรับรูปแบบ lossy
- ดูตัวอย่างภาพรวมหากมี จากนั้นคลิก รวมภาพและดาวน์โหลด
เลย์เอาต์ช่วยเปรียบเทียบสถานะก่อน/หลัง หรือบันทึกขั้นตอนการทำงานหลายขั้น
ไอเดียการใช้งาน
ภาพ thumbnail นิ่ง เลื่อนไปยังเฟรมที่มีอารมณ์ชัดเจนหรือข้อความอ่านง่าย ส่งออก PNG แล้วทดสอบใน ดูตัวอย่าง thumbnail YouTube
เอกสารประกอบ โหมดรวมภาพด้วยเลย์เอาต์แนวตั้งจับขั้นตอน 1–4 ของขั้นตอน UI สำหรับ wiki ภายใน
QC และการปฏิบัติตาม การส่งออก PNG เฟรมเดียวรักษาพิกเซลที่แน่นอนสำหรับรายงานบั๊ก ในกรณีที่ไม่แนะนำให้แนบวิดีโอ
สำหรับวิดีโอ 24fps โปรดจำว่า playhead จะสแน็ปไปยังขอบเขตเฟรม — กรุณาเลื่อนช้าๆ ใกล้ช่วงเวลาที่ต้องการ
อัตราเฟรมแปรผันและการบันทึกหน้าจอ
วิดีโอจากโทรศัพท์และการบันทึกหน้าจอมักใช้ variable frame rate (VFR) Timeline อาจดูลื่นเมื่อเลื่อน แต่ภาพที่ส่งออกอาจคลาดเคลื่อนไปหนึ่งเฟรม กรุณาหยุดเล่นที่เฟรมที่แน่นอนแล้วจับภาพ — เฟรมที่หยุดเล่นน่าเชื่อถือกว่าการจับระหว่างเคลื่อนไหว
สำหรับการบันทึกหน้าจอที่มีไฮไลต์เคอร์เซอร์ กรุณาจับภาพ PNG ในขณะที่สถานะ UI เสถียร (หลังแอนิเมชันจบ) เพื่อให้ผู้อ่านเอกสารเห็นเลย์เอาต์สุดท้าย
เลย์เอาต์รวมภาพสำหรับบทช่วยสอน
| เลย์เอาต์ | เหมาะสำหรับ |
|---|---|
| Vertical strip | ขั้นตอน UI อ่านจากบนลงล่าง |
| Horizontal strip | เปรียบเทียบก่อน/หลังเคียงข้างกัน |
| 2-column grid | สูตรสี่ขั้นตอนที่มีน้ำหนักเท่ากัน |
| 3-column grid | contact sheet แน่นสำหรับ storyboard |
กรุณาใส่คำอธิบายแต่ละแผงที่รวมภาพในเครื่องมือเอกสาร — ภาพเพียงอย่างเดียวอาจไม่มีหมายเลขขั้นตอน ส่งออก PNG สำหรับ wiki ภายใน WebP เมื่อขนาดไฟล์สำคัญบน Notion หรือ Confluence
สำหรับภาพ thumbnail ที่จะใช้บน YouTube กรุณาจับภาพที่ความละเอียดต้นฉบับสูงสุด — การย่อขนาดในเครื่องมือออกแบบรักษารายละเอียดได้ดีกว่าการขยายเฟรมที่เบลอ
ฟุตเทจ HDR หรือ log อาจดูแบนในภาพนิ่ง — ใช้ LUT สำหรับดูในโปรแกรมตัดต่อก่อนจับภาพสำหรับภาพการตลาด หรือจับจากไฟล์ที่ grade แล้ว
เคล็ดลับรูปแบบและคุณภาพ
- PNG — lossless ไฟล์ใหญ่ เหมาะสำหรับ UI ที่มีข้อความ
- WebP — เล็กกว่า PNG คุณภาพดี
- JPEG — ภาพถ่ายและฟุตเทจมี noise หลีกเลี่ยงสำหรับข้อความเล็ก
โหมดรวมภาพมีจำนวนจุดจับภาพสูงสุด — UI แสดง {count} / {max}
ปัญหาที่พบบ่อย
ต้องมีสองจุดสำหรับการรวมภาพ กรุณาเพิ่มจุดจับภาพอีกจุดบน timeline
จุดจับภาพมากเกินไป กรุณาลบจุดที่เกินหรือเปลี่ยนเลย์เอาต์
เฟรมดูเบลอ วิดีโอต้นฉบับอาจเบลอ หรือคุณภาพ JPEG ต่ำ — กรุณาลอง PNG/WebP
เฟรมผิด กรุณาเลื่อนใหม่ — ไม่มีทางลัดคีย์บอร์ดที่แม่นยำตามเฟรมนอกเหนือจากความแม่นยำของ timeline
คำถามที่พบบ่อย
เครื่องมือนี้ดาวน์โหลดวิดีโอหรือไม่
ไม่ — ส่งออกเฉพาะภาพนิ่งเท่านั้น
ใช้เฟรมเชิงพาณิชย์ได้หรือไม่
ได้เฉพาะเมื่อคุณมีสิทธิ์ในเนื้อหาวิดีโอต้นฉบับ
เครื่องมือที่เกี่ยวข้อง
- วิดีโอเป็น GIF — ลูปแอนิเมชันสั้น
- ครอปวิดีโอ — ปรับกรอบก่อนจับภาพ
- ดูตัวอย่าง thumbnail YouTube — ทดสอบภาพนิ่งในเลย์เอาต์ YouTube