วิธีจับภาพหน้าจอแบบเลื่อนบน Mac, iOS และ iPadOS

ภาพหน้าจอปกติจะจับภาพเฉพาะสิ่งที่มองเห็นได้บนหน้าจอ โดยไม่ทิ้งเนื้อหาที่อยู่นอกพื้นที่แสดงผล ในทางกลับกัน “Scrolling Capture” (หรือScrolling ScreenshotหรือFull Page Screenshot ) จะจับภาพทุกอย่างที่อยู่นอกหน้าจออุปกรณ์ของคุณในครั้งเดียว

แทนที่จะใช้ภาพหน้าจอหลายภาพในส่วนต่างๆ ของการสนทนาหรือเอกสารที่มีความยาว ภาพหน้าจอแบบเลื่อนจะช่วยคุณประหยัดเวลา(saves you time)และพื้นที่จัดเก็บ ในคู่มือนี้ เราจะแสดงวิธีต่างๆ ในการถ่ายภาพหน้าจอแบบเลื่อนบน iPhone, iPad และMac

จับภาพหน้าจอแบบเต็มหน้า(Full Page Screenshot)บน iOS และ iPadOS

เครื่องมือสกรีนช็อตดั้งเดิมบน iPhone หรือ iPad ของคุณสามารถจับภาพเนื้อหาทั้งหมดของหน้าเว็บ เอกสาร หรืออีเมลเป็นภาพหน้าจอเดียว ก่อนที่คุณจะลองใช้คุณสมบัติการเลื่อนหน้าจอ ให้สังเกตสิ่งต่อไปนี้:

  • คุณสามารถถ่ายภาพหน้าจอแบบเต็มหน้าได้เฉพาะบน แอปของ Appleเช่นSafari , ไฟล์(Files) , iBooks เป็นต้น
  • การจับภาพหน้าจอแบบเลื่อนของหน้าเว็บใช้งานได้บนSafariเท่านั้น ขณะนี้ไม่รองรับเบราว์เซอร์บุคคลที่สาม เช่นChromeและFirefox
  • ภาพหน้าจอแบบเต็มหน้าหรือแบบเลื่อนจะไม่ถูกบันทึกเป็นรูปภาพ iOS จะบันทึกเป็นไฟล์PDF

เมื่อคำนึงถึงสิ่งนี้ ให้ทำตามขั้นตอนด้านล่างเพื่อจับภาพหน้าจอแบบเต็มหน้าบน iPhone หรือ iPad ของคุณ

1. กดปุ่มเพิ่มระดับเสียง(volume up)และปุ่มด้านข้าง(side button)พร้อมกันเพื่อจับภาพหน้าเว็บ อีเมล หรือเอกสาร สำหรับ iPhone ที่มี ปุ่ม โฮม(Home)ให้กดปุ่มด้านข้าง(side button)และ ปุ่ม โฮม(Home button)พร้อมกันเพื่อจับภาพหน้าจอ

2. คลิกภาพขนาดย่อของภาพหน้าจอที่มุมล่างซ้ายของหน้าจอเพื่อเปิดเครื่องมือแก้ไขภาพหน้าจอ

3. แตะ ตัวเลือก เต็มหน้า(Full Page)เพื่อสร้างภาพหน้าจอแบบเต็มหน้าของหน้าเว็บหรือเอกสาร

4. คลิกเสร็จสิ้น(Done)เพื่อดำเนินการต่อ

5. เลือกบันทึก PDF เป็น(Save PDF to Files)ไฟล์

6. เลือกโฟลเดอร์ที่คุณต้องการบันทึกไฟล์แล้วแตะบันทึก (Save)คุณยังสามารถเปลี่ยนชื่อภาพหน้าจอได้โดยแตะที่ชื่อไฟล์ที่สร้างขึ้นโดยอัตโนมัติ

ในการดูPDFให้เปิด แอพ ไฟล์(Files)บนอุปกรณ์ของคุณและเรียกดูตำแหน่งที่คุณบันทึกไฟล์

จับภาพหน้าจอเลื่อนบน Mac

มีเครื่องมือสกรีนช็อตในตัว(built-in screenshot tool)บน macOS แต่ไม่ได้จับภาพหน้าจอแบบเลื่อน ที่น่าสนใจ(Interestingly)คือบางแอพ (ส่วนใหญ่เป็นเว็บเบราว์เซอร์) มีความสามารถนี้ ในส่วนถัดไป เราจะแสดงวิธีการจับภาพหน้าจอแบบเต็มหน้าบนMac   โดย(Mac)ใช้Safari , ChromeและFirefox

สกรีนช็อตของหน้าเว็บทั้งหมดใน Safar(Screenshot an Entire Webpage in Safar) i

Safariมีเครื่องมือจับภาพหน้าจอในตัวที่บันทึกและบันทึกหน้าเว็บทั้งหมดเป็นรูปภาพ เครื่องมือนี้ซ่อนอยู่ในเมนูDeveloperของSafari ดังนั้นจึงไม่ปรากฏให้เห็นอย่างชัดเจน (Safari)ทำตามขั้นตอนด้านล่างเพื่อจับภาพหน้าจอแบบเลื่อนของทั้งหน้าใน  Safari

1. เปิดหน้าเว็บที่คุณต้องการจับภาพ คลิกSafariบนแถบเมนู แล้วเลือกPreferences

2. ไปที่ แท็บ ขั้นสูง(Advanced)ทำเครื่องหมายที่ช่องถัดจากแสดงเมนูการพัฒนาในแถบเมนู(Show Develop menu in the menu bar)แล้วกลับไปที่หน้าเว็บ

3. เลือกDevelopบนแถบเมนูและเลือกShow Web Inspector(Show Web Inspector)

4. คลิกขวาที่บรรทัดแรกที่ขึ้นต้นด้วยhtml (เช่น องค์ประกอบ HTMLของหน้า) และเลือกจับภาพหน้า(Capture Screenshot)จอ

5. ตั้งชื่อภาพหน้าจอ เลือกโฟลเดอร์/ตำแหน่งที่เก็บข้อมูลที่คุณต้องการ แล้วเลือกบันทึก(Save)เพื่อดำเนินการต่อ

6. ไปที่ตำแหน่งไฟล์และดับเบิลคลิกที่ภาพหน้าจอเพื่อเปิดด้วยPreview

สกรีนช็อตของหน้าเว็บทั้งหมดใน Firefox(Screenshot an Entire Webpage in Firefox)

Firefoxอาจมีเครื่องมือจับภาพหน้าจอเลื่อนที่ดีที่สุดที่คุณจะพบบนเว็บเบราว์เซอร์ ใช้งานง่ายสุด ๆ และไม่ต้องปรับแต่งการตั้งค่าขั้นสูง ที่จริงแล้ว คุณสามารถจับภาพหน้าจอของหน้าเว็บแบบเต็มในFirefoxได้ด้วยการคลิกเมาส์สองครั้ง

  1. คลิกขวา(Right-click)ที่ใดก็ได้บนหน้าเว็บที่คุณต้องการจับภาพหน้าจอ และเลือก จับภาพ หน้าจอ(Take a Screenshot)

  1. หรือคลิกไอคอนสามจุด(three-dot icon)ข้างแถบที่อยู่และเลือกถ่ายภาพหน้า(Take a Screenshot)จอ

  1. คลิก ไอคอน บันทึกเต็มหน้าที่(Save full page)มุมบนขวา

  1. จากนั้นเลือกดาวน์โหลด(Download)เพื่อบันทึกภาพหน้าจอไปยังMacของ คุณ

สกรีนช็อตของหน้าเว็บทั้งหมดใน Chrome(Screenshot an Entire Webpage in Chrome)

Chromeยังมาพร้อมกับเครื่องมือจับภาพหน้าจอในตัว แต่เช่นเดียวกับSafariมันถูกซ่อนอยู่ใน ส่วน นักพัฒนา(Developer)เช่นกัน ต่อไปนี้คือวิธีเข้าถึงและใช้เครื่องมือภาพหน้าจอเพื่อจับภาพหน้าเว็บทั้งหมดในChrome

1. คลิกไอคอนเมนู และไปที่เครื่องมือเพิ่มเติม(More Tools) > เครื่องมือสำหรับ นักพัฒนา(Developer Tools)

คุณยังสามารถเปิด เมนูเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์(Developer Tool)ของ Chrome ได้ โดยกด F12บนแป้นพิมพ์หรือใช้ทางลัดCommand + Shift + I

2. จากนั้น คลิกไอคอนแถบเครื่องมือ Toggle device(Toggle device toolbar)หรือกดCommand + Shift + M

3. คลิกไอคอนเมนูสามจุด(three-dot menu icon)ที่แถบด้านข้างด้านซ้ายและเลือกจับภาพหน้าจอขนาด(Capture full size screenshot)เต็ม การดำเนินการนี้จะแจ้งให้Chromeสร้างไฟล์รูปภาพของหน้าเว็บทั้งหมด

4. เลือกโฟลเดอร์เพื่อบันทึกภาพหน้าจอ แล้วคลิกบันทึก(Save)

ใช้(Use)เว็บไซต์แอ(Apps)พ และส่วนขยายของ บุคคลที่สาม

ดูเหมือนว่าเบราว์เซอร์จะพร้อมสรรพสำหรับการจับภาพหน้าจอแบบเลื่อนบนMac หากคุณต้องการจับภาพหน้าจอแบบเต็มของเนื้อหาภายในแอปอื่น คุณจะต้องใช้ แอปสนิปของบริษัท อื่นเช่น Snagit (third-party snipping apps like Snagit)โปรดทราบว่าแอปเหล่านี้บางแอปไม่ฟรี นักพัฒนาซอฟต์แวร์มักจะให้ช่วงทดลองใช้งานฟรีแก่ผู้ใช้ใหม่ แต่คุณจะต้องจ่ายเงินบางส่วนสำหรับการใช้งานอย่างต่อเนื่อง

เราได้กล่าวไว้ก่อนหน้านี้ว่า iOS และ iPadOS จับภาพหน้าจอแบบเลื่อนด้วยSafariและแอป iOS อื่นๆ อีกสองสามแอปเท่านั้น แพลตฟอร์มเช่นWeb-Capture.netเป็นทางเลือกสำหรับผู้ใช้ที่ไม่ใช่ Safari Web-Capture คือบริการสกรีนช็อตออนไลน์ที่ให้คุณดาวน์โหลดภาพเต็มหน้าจอของเว็บไซต์ใดๆ ลงในอุปกรณ์ของคุณได้หลายรูปแบบ 

ป้อน(Enter)URLของหน้าเว็บ เลือกรูปแบบที่คุณต้องการ ( JPEG , PNG , PDF , TIFF , BMP , SVG ) แล้วคลิก จับภาพ หน้าเว็บ(Capture web page)

ในหน้าถัดไป คุณสามารถเลือกดูภาพหน้าจอหรือดาวน์โหลดลงใน iPhone, iPad หรือMacได้

สุดท้ายนี้ ในกรณีที่เครื่องมือจับภาพหน้าจอในตัวของเบราว์เซอร์ไม่ทำงาน ซึ่งเกิดขึ้นไม่บ่อยนัก คุณสามารถใช้ส่วนขยาย Chrome และ Firefox ของบริษัทอื่น(third-party Chrome and Firefox extensions)เพื่อทำงานให้เสร็จได้



About the author

ฉันเป็นวิศวกรซอฟต์แวร์และบล็อกเกอร์ที่มีประสบการณ์เกือบ 10 ปีในสาขานี้ ฉันเชี่ยวชาญในการสร้างบทวิจารณ์เครื่องมือและบทช่วยสอนสำหรับแพลตฟอร์ม Mac และ Windows รวมถึงการให้ความเห็นจากผู้เชี่ยวชาญในหัวข้อการพัฒนาซอฟต์แวร์ ฉันยังเป็นวิทยากรและผู้สอนมืออาชีพ โดยได้นำเสนอผลงานในการประชุมเทคโนโลยีทั่วโลก



Related posts