สอนแก้ไขปัญหาคอมพิวเตอร์

วิธีแคปหน้าเว็บยาวๆ ทั้งหน้า บนคอมพิวเตอร์ เว็บจะยาวแค่ไหนก็แคปได้

อ่าน 3 นาที โยโยคอมพิวเตอร์
วิธีแคปหน้าเว็บยาวๆ ทั้งหน้า บนคอมพิวเตอร์ เว็บจะยาวแค่ไหนก็แคปได้

แคปจอแค่หน้าเดียวไม่พอ อยากได้ทั้งหน้าเว็บ ทำยังไง?

เคยเจอไหมครับ อยากแคปหน้าเว็บไซต์เก็บไว้ แต่เว็บมันยาวมาก กดปุ่ม PrtSc (Print Screen) ได้แค่ส่วนที่เห็นบนจอ ส่วนที่เลื่อนลงไปอีกยาวๆ กลับแคปไม่ได้

ผมเจอลูกค้าถามเรื่องนี้บ่อยครับ โดยเฉพาะพวกที่ต้อง:

  • แคปหลักฐานการโอนเงิน ที่เป็นหน้าเว็บธนาคารยาวๆ
  • เก็บข้อมูลจากเว็บ เช่น รายการสินค้า สเปคคอม ราคาอะไหล่
  • แคปหน้าเว็บไปโพสโซเชียล เช่น Facebook, LINE
  • เก็บหลักฐานการสั่งซื้อ จาก Shopee, Lazada

บางคนก็แคปทีละส่วน แล้วเอาไปต่อกันใน Paint หรือ Photoshop ซึ่งเสียเวลามากครับ แถมรอยต่อก็ไม่สวย

วันนี้ผมจะมาแนะนำวิธีที่ง่ายกว่านั้นเยอะ แคปได้ทั้งหน้าเว็บ ไม่ว่าจะยาวขนาดไหนก็แคปได้หมดครับ


3 วิธีแคปหน้าเว็บยาวๆ ทั้งหน้า

วิธีเครื่องมือข้อดีข้อเสีย
วิธีที่ 1Chrome DevTools (ไม่ต้องลงอะไร)ฟรี ไม่ต้องติดตั้งต้องเปิด DevTools
วิธีที่ 2Full Page Screen Capture (Extension)ใช้ง่ายมาก กดคลิกเดียวต้องติดตั้ง Extension
วิธีที่ 3Microsoft Edge (ไม่ต้องลงอะไร)ฟรี มีในเครื่องอยู่แล้วใช้ได้เฉพาะ Edge

วิธีที่ 1: ใช้ Chrome DevTools (ไม่ต้องลงอะไรเลย)

วิธีนี้ใช้ได้เลยโดยไม่ต้องติดตั้งอะไรเพิ่มครับ ใช้ Google Chrome ตัวเดิมที่มีอยู่ได้เลย

  1. เปิดหน้าเว็บที่อยากแคปใน Chrome
  2. กด Ctrl + Shift + I (เปิด DevTools) หรือ F12
  3. กด Ctrl + Shift + P จะมีช่องค้นหาขึ้นมา
  4. พิมพ์คำว่า screenshot
  5. เลือก Capture full size screenshot
  6. ระบบจะ Download รูปเป็นไฟล์ PNG ให้อัตโนมัติ

จากประสบการณ์ผม วิธีนี้ได้รูปคมชัดที่สุดครับ แต่อาจจะยากนิดนึงสำหรับคนไม่ถนัดเรื่อง DevTools


วิธีที่ 2: ใช้ Full Page Screen Capture (Extension)

วิธีนี้ ง่ายที่สุด ครับ แค่คลิกเดียวเลย เหมาะสำหรับทุกคนโดยเฉพาะคนที่ไม่ถนัดเรื่องเทคนิค

ขั้นตอนติดตั้ง

1. เข้าไปดาวน์โหลด Extension

ไปที่ Chrome Web Store - Full Page Screen Capture ครับ

2. กดปุ่ม “เพิ่มใน Chrome”

หน้า Chrome Web Store สำหรับดาวน์โหลด Full Page Screen Capture Extension

3. กดปุ่ม “เพิ่มใน Chrome” อีกครั้ง

กดปุ่มเพิ่มใน Chrome เพื่อติดตั้ง Extension

4. ยืนยันการติดตั้ง

จะมีหน้าต่างถามว่าต้องการเพิ่ม Extension นี้ไหม ให้กด “เพิ่มส่วนขยาย” ครับ

กดเพิ่มส่วนขยายเพื่อยืนยันการติดตั้ง Full Page Screen Capture

5. ติดตั้งเสร็จ

เมื่อติดตั้งเสร็จจะมี ไอคอนรูปกล้อง ขึ้นมาที่แถบเครื่องมือด้านบนขวาครับ

ไอคอนรูปกล้องของ Full Page Screen Capture หลังติดตั้งเสร็จ

เคล็ดลับ: ถ้าไม่เห็นไอคอน ให้กดที่ไอคอนชิ้นส่วนปริศนา (Extensions) แล้วกดปักหมุด Full Page Screen Capture ครับ


วิธีใช้งาน

A. เข้าเว็บไซต์ที่ต้องการแคป

เปิดหน้าเว็บที่อยากจะแคปหน้าจอไว้ครับ

เปิดหน้าเว็บที่ต้องการแคปหน้าจอทั้งหน้า

B. คลิกที่ไอคอนรูปกล้อง

คลิกซ้าย 1 ที ที่ไอคอนรูปกล้อง ตัว Extension จะเริ่มทำงาน จะเห็นตัว Pacman กลมๆ ขยับปากไปเรื่อยๆ ให้รอจนเสร็จครับ

Extension กำลังทำงาน แสดงตัว Pacman ขณะแคปหน้าเว็บ

C. เสร็จแล้ว เลือกวิธีเซฟ

หลังจาก Extension ทำงานเสร็จ จะแสดงภาพ Preview ขึ้นมาพร้อมตัวเลือกครับ

หน้า Preview ของ Full Page Screen Capture พร้อมตัวเลือกเซฟ

D. เลือกรูปแบบการเซฟ

ไอคอนฟังก์ชันเหมาะกับ
ถังขยะลบรูปนี้ไม่ต้องการรูปแล้ว
PDFเซฟเป็นไฟล์ PDFส่งเป็นเอกสาร เก็บหลักฐาน
รูปภาพเซฟเป็น PNG หรือ JPGโพสโซเชียล แชร์ใน LINE
ประวัติดูรูปที่เคยแคปย้อนหลังหาภาพเก่าที่เคยแคปไว้

ตัวเลือกการเซฟภาพ Full Page Screen Capture แบบ PDF หรือ PNG

E. ตั้งชื่อไฟล์แล้วเซฟ

ในตัวอย่างนี้ผมเลือกเซฟแบบรูปภาพ PNG ครับ สามารถตั้งชื่อไฟล์ใหม่ได้ตามต้องการ

ตั้งชื่อไฟล์และเซฟภาพหน้าจอเว็บไซต์ที่แคปไว้


วิธีที่ 3: ใช้ Microsoft Edge (มีมาในเครื่องอยู่แล้ว)

ถ้าใช้ Windows 10/11 ก็มี Microsoft Edge อยู่ในเครื่องอยู่แล้วครับ ใช้แคปหน้าเว็บยาวๆ ได้เลยโดยไม่ต้องลงอะไรเพิ่ม

  1. เปิดหน้าเว็บที่ต้องการใน Microsoft Edge
  2. กด Ctrl + Shift + S หรือคลิกขวาเลือก Screenshot
  3. เลือก Capture full page
  4. กด Save เพื่อเซฟเป็นไฟล์ภาพ

ผมแนะนำวิธีนี้ สำหรับคนที่ไม่อยากติดตั้ง Extension ใดๆ เพิ่มครับ เพราะ Edge มีในเครื่องอยู่แล้ว ฟังก์ชันนี้ก็ใช้ได้ดีเลย


เปรียบเทียบ PrtSc กับ Full Page Screenshot

หลายคนยังใช้ปุ่ม PrtSc (Print Screen) อยู่ มาดูความแตกต่างกันครับ:

คุณสมบัติPrtSc (Print Screen)Full Page Screenshot
แคปได้แค่ไหนแค่ส่วนที่เห็นบนจอทั้งหน้าเว็บ ยาวเท่าไหร่ก็ได้
ต้องติดตั้งอะไรเพิ่มไม่ต้องExtension หรือใช้ DevTools
รูปแบบเซฟต้องไป Paste ใน Paint ก่อนเซฟเป็นไฟล์ PNG/PDF ได้ทันที
ใช้ได้กับอะไรทุกอย่างบนจอเฉพาะหน้าเว็บใน Browser
ความสะดวกต้องทำหลายขั้นตอนคลิกเดียวเสร็จ

คำถามที่พบบ่อย (FAQ)

ถาม: แคปหน้าเว็บที่ต้อง Login ได้ไหม?

ตอบ: ได้ครับ เพราะ Extension ทำงานบน Browser ที่เรา Login อยู่แล้ว จะแคปหน้าธนาคาร หน้า Facebook หรือหน้าอะไรก็ได้หมด

ถาม: แคปหน้าเว็บที่มีวิดีโอได้ไหม?

ตอบ: ได้ครับ แต่ส่วนวิดีโอจะแสดงเป็นภาพนิ่ง (เฟรมที่หยุดอยู่) ไม่ได้บันทึกเป็นวิดีโอ

ถาม: ใช้กับ Firefox ได้ไหม?

ตอบ: Firefox มีฟังก์ชันแคปหน้าเว็บแบบยาวในตัวอยู่แล้วครับ คลิกขวาเลือก Take Screenshot > Save full page ได้เลย


สรุป

วิธีความง่ายแนะนำสำหรับ
Chrome DevToolsปานกลางคนที่ถนัดเรื่องเทคนิค
Full Page Screen Captureง่ายมากทุกคน (แนะนำ)
Microsoft Edgeง่ายคนที่ไม่อยากลง Extension
Firefoxง่ายคนที่ใช้ Firefox อยู่แล้ว

ผมแนะนำ Full Page Screen Capture ครับ เพราะใช้ง่ายที่สุด แค่คลิกเดียวเสร็จเลย ติดตั้งครั้งเดียวใช้ได้ตลอด ฟรีด้วยครับ

ถ้าใครมีคำถามอะไรเพิ่มเติม สอบถามได้เลยนะครับ หรือถ้าลองใช้แล้วเป็นยังไงก็มาแบ่งปันกันได้


บทความที่เกี่ยวข้อง

แท็ก: capture website PrtSc วิธีปริ้นสกรีนหน้าเว็บไซต์ วิธีแคปจอ เซฟภาพหน้าจอ แคปจอแบบยาว แคปเจอร์หน้าจอ

บทความที่เกี่ยวข้อง

คอมเปิดไม่ติด จอดำ สาเหตุและวิธีแก้ครบทุกกรณี จากช่างคอม
สอนแก้ไขปัญหาคอมพิวเตอร์

คอมเปิดไม่ติด จอดำ สาเหตุและวิธีแก้ครบทุกกรณี จากช่างคอม

คอมเปิดไม่ติด จอดำ ไม่มีภาพอะไรเลย สาเหตุมาจากอะไร? รวมวิธีแก้ครบทุกกรณี ตั้งแต่ไฟไม่เข้า RAM เสีย GPU มีปัญหา สายจอหลุด จนถึงจอเสีย พร้อมวิธีวิเคราะห์จากช่างซ่อมคอม

คอมเปิดไม่ติด พัดลมหมุน แต่ไม่ขึ้นจอ แก้ยังไง?
สอนแก้ไขปัญหาคอมพิวเตอร์

คอมเปิดไม่ติด พัดลมหมุน แต่ไม่ขึ้นจอ แก้ยังไง?

คอมเปิดแล้วพัดลมหมุน ไฟติด แต่จอดำไม่ขึ้นภาพอะไรเลย สาเหตุหลักมาจาก RAM GPU สายจอ และเมนบอร์ด พร้อมวิธีแก้ไขทีละขั้นตอนจากช่างซ่อมคอม

คอมเปิดไม่ติด แต่ไฟเข้า ไฟติดแต่ไม่ Boot แก้ยังไง?
สอนแก้ไขปัญหาคอมพิวเตอร์

คอมเปิดไม่ติด แต่ไฟเข้า ไฟติดแต่ไม่ Boot แก้ยังไง?

คอมเปิดไม่ติด แต่ไฟเข้า ไฟ LED ติด พัดลมอาจหมุน แต่ไม่เข้า BIOS ไม่เข้า Windows เลย สาเหตุและวิธีแก้ไข POST failed เมนบอร์ดเสียบางส่วน CPU มีปัญหา จากช่างซ่อมคอม