← Index
tools

OpenScreenShot — ส่วนขยายแคปหน้าจอที่ทำงานจบในเครื่อง ไม่แอบส่งภาพไปไหน

แคปเต็มหน้า/เลือกพื้นที่/ต่อหน้ายาวอัตโนมัติ + วาดลูกศร เบลอ ครอป ส่งออก PNG/PDF — Chrome extension, MIT, local 100%

OpenScreenShot — ส่วนขยายแคปหน้าจอที่ทำงานจบในเครื่อง ไม่แอบส่งภาพไปไหนเปิดตัว tool ↗

เอาไปทำอะไรได้

ส่วนขยายแคปหน้าจอฟรีๆ ใน Chrome web store มีเป็นร้อยตัว แต่ลองใช้จริงจะเจอสองกับดักซ้ำๆ — ตัวที่ฟีเจอร์ครบดันขอสิทธิ์อ่านทุกเว็บแล้วเด้งภาพขึ้น cloud ของมันก่อนให้เราโหลด ส่วนตัวที่สะอาดจริงก็แคปได้แค่หน้าจอที่เห็น วาดลูกศรยังไม่ได้ OpenScreenShot วางตัวตรงกลางพอดี: ฟีเจอร์แน่นแต่ไม่แตะเน็ตเลยสักไบต์

ตัวมันเป็น Chrome extension มาตรฐาน Manifest V3 เปิดซอร์สใต้ MIT License สิ่งที่ทำได้:

  • แคปได้สามโหมด — เต็มหน้าเว็บทั้งหน้า, ลากเลือกเฉพาะพื้นที่, หรือเอาแค่ส่วนที่มองเห็นบนจอ
  • Scroll-and-Stitch — หน้าเว็บยาวๆ มันเลื่อนแคปเป็นท่อนแล้วต่อเป็นภาพเดียวให้อัตโนมัติ ไม่ต้องมานั่งแคปทีละหน้าจอ
  • เครื่องมือมาร์กในตัว — ขีดเส้น ลากลูกศร พิมพ์ข้อความ ไฮไลต์ เบลอจุดที่ไม่อยากให้เห็น ครอป พร้อม undo/redo
  • ส่งออกได้หลายนามสกุล — PNG, JPEG, WebP, PDF

หัวใจของมันอยู่ที่คำว่า local 100% — ประมวลผลบนเครื่องเราล้วน ไม่อัปโหลด ไม่มี telemetry ไม่มี analytics ภาพที่แคปไม่เคยออกไปพ้นเบราว์เซอร์

เข้ากับใคร

dev กับ QA ที่ต้องแนบภาพ bug, คนเขียนคู่มือ/เอกสาร, นักวิจัย, สาย content — และใครก็ตามที่แคปภาพที่มีข้อมูลอ่อนไหวแล้วไม่สบายใจว่ามันจะไปโผล่บนเซิร์ฟเวอร์ใคร

ที่ผมโดนคือตรงนี้

งานเขียนโพสต์ลง blog นี้ต้องแคปหน้าเว็บ tool ใหม่ตลอด แล้วปัญหาคลาสสิกคือหน้า landing page ยาวเป็นพรืด แคปทีละจอมาต่อเองใน Photoshop ก็เสียเวลา ตัว Scroll-and-Stitch เลยเข้าเป้ามาก — กดทีเดียวได้ทั้งหน้ายาวเป็นภาพเดียว เอาไปย่อ webp ลงโพสต์ต่อได้เลย

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

ข้อแลกที่ต้องรู้: มันเป็น extension ตัวเล็กจากนักพัฒนาคนเดียว — เจ๋งสำหรับใช้ส่วนตัว แต่ก่อนติดลองกวาดตาดู permission ใน manifest สักหน่อยตามมารยาทของ extension ทุกตัว (ข้อดีคือโค้ดเปิด อ่านได้จริง)

🔗 GitHub — pghqdev/OpenScreenShot


ที่มา: โพสต์แนะนำบน Facebook · Photo: Igor Miske / Unsplash