ขอบคุณ built-in screen capture utilities คุณสามารถจับภาพหน้าจอ (screenshots) บน Windows และ Mac ได้โดยไม่ต้องติดตั้งแอปของบุคคลที่สาม ยูทิลิตี้ built-in เหล่านี้ยังเสนอ custom options เพื่อให้คุณจับภาพหน้าจอได้แบบที่คุณต้องการ
มีบางพื้นที่ที่ยูทิลิตี้เหล่านี้ยังไม่ครอบคลุม หนึ่งในนั้นคือ คุณไม่สามารถจับภาพหน้าจอทั้งหน้า (full page screenshots) ของเว็บเพจในเบราว์เซอร์ได้ เครื่องมือจะจับเฉพาะส่วนของหน้าจอที่มองเห็นได้ และไม่ให้คุณถ่าย scrolling screenshots ของไซต์
โชคดีที่สองเบราว์เซอร์ยอดนิยม – Chrome และ Firefox – มีทั้ง built-in options และ third-party extensions ให้คุณจับภาพหน้าจอทั้งหน้าได้
ขึ้นอยู่กับว่าคุณต้องการให้งานนี้ง่ายแค่ไหน คุณสามารถเลือกไปกับ browser extensions หรือ default options ได้ ที่นี่เราจะสอนวิธีใช้ทั้งสอง
จับภาพหน้าจอทั้งหน้าใน Chrome (ไม่ใช้ Extension)
ไม่รู้ว่า Google วางตัวเลือกจับภาพหน้าจอทั้งหน้าลงลึกใน Chrome อย่างไร เว้นแต่คุณตรวจสอบทุกตัวเลือกในเบราว์เซอร์ คุณอาจไม่เคยเห็นตัวเลือกนี้ในเบราว์เซอร์ของคุณ
แตเมื่อคุณพบแล้ว การจับภาพหน้าจอในทุกรูปแบบจะกลายเป็นเรื่องง่าย
- เปิดเบราว์เซอร์ Chrome บนคอมพิวเตอร์ คลิกสามจุด (three-dots) มุมขวาบน และเลือก More Tools ตามด้วย Developer Tools
- แผง (panel) จะเปิดขึ้นมาที่ด้านล่างของเบราว์เซอร์ คลิกที่สามจุดมุมขวาบนของแผง และเลือกตัวเลือกที่ระบุว่า Run command จะให้คุณรันคำสั่งในเบราว์เซอร์
- ตอนนี้คุณสามารถค้นหาและรันคำสั่งใน Chrome ได้ ค้นหาคำว่า screenshot และคลิกที่ตัวเลือก Capture full size screenshot ในผลการค้นหา
- มันจะจับภาพหน้าจอทั้งหน้าของแท็บปัจจุบัน และเสนอให้คุณบันทึกไฟล์บนคอมพิวเตอร์
- เปิดไฟล์ที่บันทึกในโปรแกรมดูรูปภาพ และคุณจะพบว่ามันรวมทั้งหมดของเว็บเพจที่คุณอยู่
จับภาพหน้าจอทั้งหน้าใน Chrome (ใช้ Extension)
วิธีข้างต้นควรทำงานได้ดี แตไม่ใช่วิธีที่ ideal (เหมาะสม) หากคุณจับภาพหน้าจอมากในเบราว์เซอร์ การไปที่แผง developer และรันคำสั่งสำหรับแต่ละ screenshot ไม่ค่อยมีเหตุผล
โชคดีที่คุณมี extension สำหรับเบราว์เซอร์ที่ให้คุณจับภาพหน้าจอทั้งหน้าด้วยการคลิกปุ่มเดียว Extension อยู่ที่แถบเมนู (menu bar) ของเบราว์เซอร์ และการคลิกมันจะจับภาพหน้าจอของหน้าต่างปัจจุบัน
- ไปที่หน้า Full Page Screen Capture บนไซต์ Chrome extensions
- คลิกปุ่มที่ระบุ Add to Chrome เพื่อเพิ่ม extension ให้เบราว์เซอร์ คลิก Add extension ในพร้อมท์ที่ปรากฏบนหน้าจอ
- เมื่อ extension เพิ่มเข้า Chrome แล้ว คลิกที่ไอคอนในแถบเมนูของคุณ และมันจะจับภาพหน้าจอทั้งหน้าของแท็บปัจจุบัน
- คุณจะได้รับตัวเลือกบันทึก screenshot เป็น PDF หรือ PNG บนคอมพิวเตอร์ เลือกตัวเลือกที่คุณชอบ
แม้ extension ควรทำงานได้ดีบนเว็บไซต์ส่วนใหญ่ แตมีบางไซต์ที่อาจจำกัดการใช้ extension เหล่านี้ ในกรณีเหล่านั้น extension จะไม่ทำงาน และคุณจะไม่สามารถจับภาพหน้าจอได้
จับภาพหน้าจอทั้งหน้าใน Firefox (ไม่ใช้ Extension)
Firefox ก็มี built-in developers menu ให้จับภาพหน้าจอทั้งหน้าโดยไม่ต้องติดตั้ง add-on เปรียบเทียบกับ Chrome การหาและใช้ตัวเลือกใน Firefox ง่ายกว่า
- เปิด Firefox บนคอมพิวเตอร์ คลิกที่สามเส้นแนวนอน (three horizontal-lines) มุมขวาบน และเลือก Web Developer ตามด้วย Responsive Design Mode
- คุณสามารถปรับ page resolution จากตัวเลือกด้านบน แล้วคลิกขวาที่ใดๆ บนเว็บเพจ และเลือกตัวเลือกที่ระบุว่า Take a Screenshot
- ตอนนี้คุณสามารถเลือกพื้นที่เพื่อจับภาพหน้าจอได้ แต่นั่นไม่ใช่สิ่งที่คุณต้องการ ตัวเลือกที่คุณมองหาคือ Save full page คลิกที่มุมขวาบนของหน้า
- มันจะจับภาพและแสดง screenshot คลิกปุ่ม Download เพื่อดาวน์โหลดไปคอมพิวเตอร์
- Firefox จะบันทึก screenshot ในโฟลเดอร์ดาวน์โหลดเริ่มต้นของเบราว์เซอร์ คุณสามารถคลิกไอคอนดาวน์โหลดในแถบเมนูเพื่อเข้าถึง screenshots และไฟล์ที่ดาวน์โหลดอื่นๆ
จับภาพหน้าจอทั้งหน้าใน Firefox (ใช้ Extension)
หากคุณไม่介意 (mind) ติดตั้ง add-on ในเบราว์เซอร์ มี add-on ที่ให้คุณจับภาพหน้าจอทั้งหน้าใน Firefox ด้วยการคลิกปุ่มเดียว
- ไปที่หน้า Page Screenshot add-on ใน Firefox และคลิกปุ่ม Add to Firefox คลิก Add บนหน้าจอถัดไปด้วย
- คลิกที่ไอคอน add-on ในแถบเมนู และเลือก Allow มันจะให้สิทธิ์ที่จำเป็น
- มันจะจับภาพหน้าจอ และพร้อมท์ให้คุณบันทึกบนเครื่อง
- หากคุณต้องการปรับแต่งตัวเลือก คุณสามารถทำได้โดยไปที่ Menu > Add-ons > Extensions คลิกสามจุดถัดจาก add-on และเลือก Preferences
- ตัวเลือกที่คุณสามารถปรับแต่งรวมถึง รูปแบบไฟล์รูปภาพ screenshot, delay (ความล่าช้า), และคุณภาพ screenshot
