ภาพหน้าจอ URL เว็บไซต์/เว็บเพจ

เครื่องมือนี้ทำอะไร

ป้อนที่อยู่เว็บสาธารณะ เลือก viewport แล้วเซิร์ฟเวอร์จะขอให้บริการจับภาพแบบ headless แคปเจอร์ภาพหน้าจอของหน้านั้น รูปภาพจะถูกส่งกลับมาที่หน้าเว็บในแผงตัวอย่าง และคุณสามารถดาวน์โหลดเป็น PNG, JPG, WEBP, BMP หรือ GIF ได้ ไม่มีการติดตั้งสิ่งใดในเบราว์เซอร์ของคุณ การเรนเดอร์เกิดขึ้นฝั่งเซิร์ฟเวอร์ ผลลัพธ์จึงไม่ขึ้นอยู่กับขนาดหน้าจอของคุณ ส่วนขยายในเบราว์เซอร์ หรือว่าแล็ปท็อปของคุณเปิดอยู่หรือไม่

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

การแคปเจอร์ทำงานอย่างไร

1. URL จะถูกตรวจสอบความถูกต้อง ต้องเป็นที่อยู่ http หรือ https ที่สมบูรณ์
2. โฮสต์ส่วนตัวและภายในจะถูกปฏิเสธ เครื่องมือนี้จึงไม่สามารถใช้ตรวจสอบเครือข่ายภายในหรือเซิร์ฟเวอร์ที่อยู่หลังไฟร์วอลล์ได้
3. เซิร์ฟเวอร์ส่งที่อยู่ไปยังบริการแคปเจอร์ภาพหน้าจอพร้อมความกว้างและความสูงของ viewport ที่ร้องขอ และขอการตอบกลับเป็นรูปภาพ
4. PNG ที่ได้จะถูกบันทึก แปลงเป็นรูปแบบที่คุณเลือกหากจำเป็น และครอปหากคุณระบุขนาดการครอป
5. การตอบกลับมี URL สาธารณะของรูปภาพ ซึ่งหน้าเว็บจะโหลดเข้าสู่ตัวอย่างและนำมาใช้ซ้ำสำหรับปุ่มดาวน์โหลด

เนื่องจากตัวเรนเดอร์ของบุคคลที่สามเป็นตัวโหลดหน้าเว็บ สิ่งที่คุณได้คือมุมมองของตัวเรนเดอร์นั้น ทั้งที่อยู่ IP ตำแหน่งที่ตั้ง ถุงคุกกี้ และ user agent เริ่มต้นของมัน ไซต์ที่ปรับเนื้อหาตามประเทศ หรือบล็อกทราฟฟิกจากศูนย์ข้อมูล อาจส่งคืนสิ่งที่แตกต่างจากที่คุณเห็นในเบราว์เซอร์ของคุณเอง

ตัวเลือก viewport

ตัวเลือก Viewport มีขนาดเดสก์ท็อปทั่วไปและขนาดโทรศัพท์สองสามขนาด:

• เดสก์ท็อป: 1280×720, 1024×768, 1280×800, 1366×768, 1920×1080 (ค่าเริ่มต้น)
• มือถือ: iPhone 14 (390×844), iPhone 16 (393×852), Galaxy (360×780), Pixel (412×915)
• Custom Viewport: ป้อนความกว้างใดก็ได้ตั้งแต่ 320 ถึง 5000 พิกเซล และความสูงตั้งแต่ 240 ถึง 10000 พิกเซล

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

รูปแบบและคุณภาพ

PNG เป็นเอาต์พุตดั้งเดิมและเป็นตัวเลือกที่ปลอดภัยที่สุดสำหรับภาพหน้าจอที่มีข้อความ ขอบคม หรือความโปร่งใส JPG ให้ไฟล์ที่เล็กลงสำหรับหน้าที่เน้นภาพถ่าย WEBP ยังเล็กกว่าและได้รับการสนับสนุนอย่างกว้างขวางในเบราว์เซอร์ BMP ไม่บีบอัดและมีขนาดใหญ่ ส่วน GIF จำกัดที่ 256 สี จึงมีประโยชน์หลักกับกราฟิกง่าย ๆ มากกว่าหน้าที่เน้นข้อความ บริการแคปเจอร์จะส่งคืน PNG เซิร์ฟเวอร์จะแปลงเมื่อคุณเลือกรูปแบบอื่น และการแปลงอาจทำให้ข้อความที่ละเอียดมากดูนุ่มลงเล็กน้อย

ช่อง Quality มีค่าตั้งแต่ 0 ถึง 100 และค่าเริ่มต้นคือ 90 มีผลกับรูปแบบที่สูญเสียข้อมูลเช่น JPG และ WEBP ส่วน PNG, BMP และ GIF จะไม่สนใจค่านี้ หากหน้าเว็บดูเบลอที่คุณภาพ 50 ให้เพิ่มค่าแทนที่จะโทษตัวเรนเดอร์

การครอป

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

Crop Unit กำหนดวิธีอ่านตัวเลข ในหน่วยพิกเซล การครอป 800×450 จะเอาพื้นที่ 800 คูณ 450 จากตรงกลาง ในหน่วยเปอร์เซ็นต์ 50×50 จะเอาครึ่งหนึ่งของความกว้างและครึ่งหนึ่งของความสูง และค่าจะถูกจำกัดไว้ที่ 100 เปอร์เซ็นต์ การครอปที่ใหญ่กว่าต้นฉบับจะถูกจำกัดให้เท่าขนาดต้นฉบับ การขอ 9000 พิกเซลจากภาพแคปเจอร์ที่กว้าง 1280 พิกเซลจึงเพียงคืนความกว้างเต็ม การครอปทำด้วยไลบรารีรูปภาพของเซิร์ฟเวอร์และเข้ารหัสไฟล์ใหม่ ซึ่งเป็นเหตุผลที่การตั้งค่าคุณภาพมีผลต่อ JPG หรือ WEBP ที่ครอปด้วย

การใช้หน้าเว็บ

1. วาง URL รวมถึง https://
2. เลือกรูปแบบ viewport และการครอปหากคุณต้องการ
3. กด Capture แล้วรอ หน้าที่ช้าอาจใช้เวลาหลายวินาที ปุ่มจะยังคงถูกปิดใช้งานจนกว่าคำขอจะเสร็จสิ้น
4. ตรวจดูตัวอย่าง แถบเลื่อนซูมจะปรับขนาดภาพในแผงโดยไม่เปลี่ยนไฟล์ และปุ่มรีเซ็ตจะคืนค่าเป็น 100 เปอร์เซ็นต์
5. กด Download เพื่อบันทึกภาพเดียวกับที่ตัวอย่างแสดง ชื่อไฟล์มาจากเซิร์ฟเวอร์ในรูปแบบ capture-YYYYMMDD-HHMMSS-random.ext

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

สิ่งที่ทำให้ผลลัพธ์เปลี่ยนไป

• แบนเนอร์คุกกี้และหน้าต่างป๊อปอัป ปรากฏขึ้นเพราะตัวเรนเดอร์เป็นผู้เยี่ยมชมรายใหม่ ซึ่งอาจบังเนื้อหาที่คุณต้องการ
• รูปภาพที่โหลดแบบ Lazy-load อาจหายไปหากโหลดเฉพาะเมื่อเลื่อนหน้าจอ เนื่องจากระบบเรนเดอร์เฉพาะวิวพอร์ตเริ่มต้นเท่านั้น
• หน้าที่ต้องเข้าสู่ระบบ จะแสดงหน้าล็อกอิน เนื่องจากการแคปเจอร์เป็นแบบไม่ระบุตัวตน
• แอนิเมชัน ถูกแคปเจอร์ที่เฟรมใดก็ตามที่ตัวเรนเดอร์ไปถึง ดังนั้นสไลด์โชว์อาจอยู่ระหว่างการเปลี่ยนภาพ
• เนื้อหาที่ปรับตามตำแหน่งทางภูมิศาสตร์ จะสะท้อนตำแหน่งของตัวเรนเดอร์ ไม่ใช่ตำแหน่งของคุณ
• ฟอนต์ อาจถูกแทนที่ด้วยฟอนต์สำรอง หากตัวเรนเดอร์ดึงฟอนต์เว็บมาไม่ทัน

ข้อจำกัด

รับเฉพาะที่อยู่ HTTP และ HTTPS สาธารณะเท่านั้น; localhost, ช่วง IP ส่วนตัว และชื่อโฮสต์ภายในถูกบล็อกโดยเจตนา วิวพอร์ตจำกัดไว้ที่ความกว้าง 5000 พิกเซล และความสูง 10000 พิกเซล และการครอปก็จำกัดที่ขอบเขตเดียวกัน การแคปเจอร์ถูกแคชไว้สามนาทีต่อ URL และชุดตัวเลือก ดังนั้นการกด Capture สองครั้งด้วยการตั้งค่าเดียวกันจะได้ภาพที่จัดเก็บไว้เดิม ไม่ใช่การเรนเดอร์ใหม่ ไม่มีโหมดประมวลผลเป็นชุด ไม่มีการแคปเจอร์ตามกำหนดเวลา ไม่มีการยืนยันตัวตน ไม่มีการฝังคุกกี้ และไม่มีวิธีเลื่อนหน้าจอก่อนการแคปเจอร์

ช่อง Timeout รับค่าได้ 3 ถึง 120 วินาที แต่คำขอขาออกใช้ค่าหมดเวลาที่กำหนดไว้ในบริการแคปเจอร์แทนค่าที่กรอกในช่องนี้ ดังนั้นการเปลี่ยนค่านี้อาจไม่เปลี่ยนระยะเวลาที่เซิร์ฟเวอร์รอ หากการแคปเจอร์ล้มเหลวที่ฝั่งบริการ การลองใหม่ในภายหลังมักได้ผลดีกว่าการเพิ่มตัวเลข

ความเป็นส่วนตัวและภาพจะไปที่ใด

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

ข้อผิดพลาดที่พบบ่อย

• ลืมใส่ scheme example.com ไม่ผ่านการตรวจสอบ; https://example.com ใช้ได้
• คาดหวังภาพเต็มหน้า ระบบแคปเจอร์เฉพาะวิวพอร์ตเท่านั้น
• กรอกช่องครอปเพียงช่องเดียว การครอปต้องระบุทั้งความกว้างและความสูง
• ต้องการครอปแบบไม่กึ่งกลาง การครอปจะอยู่กึ่งกลางเสมอ
• แคปเจอร์ URL ส่วนตัว โฮสต์ภายในถูกปฏิเสธ และลิงก์ชั่วคราวสาธารณะสามารถแชร์ได้
• คิดว่าการแคปเจอร์ซ้ำจะเป็นภาพใหม่ การตั้งค่าเดียวกันจะถูกแคชไว้สามนาที

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