ทีละขั้นตอน HTML เว็บเพจเพื่อการสอนการแปลง PDF

คิดเห็น

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

ดังนั้นเราจะแปลงเว็บเพจ HTML เป็น PDF ได้อย่างไร ที่นี่เราได้สรุปวิธีแก้ปัญหาเชิงปฏิบัติบางประการ วิธีหนึ่งคือในตอนแรกเราจะบันทึกเว็บเพจเป็นไฟล์ HTML โดยใช้เว็บเบราว์เซอร์และส่วนขยายจากนั้นแปลงเป็น PDF ด้วย HTML เป็น PDF แปลงออนไลน์อย่าง EasePDF อีกวิธีหนึ่งคือการบันทึกหน้าเว็บเป็น PDF โดยตรงโดยใช้แถบเครื่องมือ Adobe PDF หรือฟังก์ชัน "พิมพ์" ในเว็บเบราว์เซอร์

ส่วนที่ 1. บันทึกเว็บเพจที่สมบูรณ์เป็น HTML

การบันทึกหน้าเว็บในรูปแบบ HTML นั้นค่อนข้างง่ายและเว็บเบราว์เซอร์ส่วนใหญ่เช่น Internet Explorer, Chrome และ Firefox สามารถช่วยให้คุณทำสิ่งนั้นได้สำเร็จ ทีนี้ลองใช้ Chrome เป็นตัวอย่างเพื่อบันทึกหน้าเว็บนี้ วิธีแปลง PDF เป็น Word ฟรี เป็นเอกสาร PDF

ขั้นตอน 1. เปิดเว็บเพจใน Chrome วาง URL บนแถบที่อยู่แล้วกดปุ่ม "Enter" บนแป้นพิมพ์เพื่อไปยังหน้า รอจนกระทั่งโครงร่างและองค์ประกอบทั้งหมดของหน้าเว็บนี้แสดงขึ้นอย่างสมบูรณ์ก่อนที่คุณจะไปที่ขั้นตอนถัดไป

ขั้นตอนที่ 2 บันทึกเว็บเพจเป็น HTML มีสองวิธีในการประเมินฟังก์ชันนี้ คุณสามารถคลิกขวาที่เมาส์และเลือกตัวเลือก "บันทึกเป็น" หรือคุณสามารถไปที่ "ไฟล์" → "เครื่องมือเพิ่มเติม" → "บันทึกหน้าเป็น" ในหน้าต่างป๊อปอัปใหม่เลือก "เว็บเพจเสร็จสมบูรณ์" สำหรับรูปแบบการบันทึก จากนั้นป้อนชื่อไฟล์และเลือกตำแหน่งที่จะบันทึก HTML

Chrome เว็บเพจบันทึกเป็น HTML

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

ขั้นตอนที่ 1 เปิด Chrome Web Store และค้นหา " SingleFile " คลิกปุ่ม "เพิ่มลงใน Chrome" ที่อยู่ด้านข้างส่วนขยายและจะถูกติดตั้งลงในเบราว์เซอร์ Chrome ของคุณ

ไฟล์เดียวเพิ่มลงใน Chrome

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

ไอคอน Chrome SingleFile

เคล็ดลับ: ส่วนขยายนี้มีให้สำหรับ Firefox คุณสามารถดาวน์โหลดโปรแกรมเสริมไฟล์ SingleFile ได้ ที่ mozilla.org

ส่วนที่ 2. วิธีแปลง HTML เป็น PDF

ตอนนี้เรามีไฟล์ HTML ที่เหมาะแล้วก็ถึงเวลาที่จะแปลงเป็น PDF วิธีที่ง่ายที่สุดคือใช้ตัวแปลง HTML เป็น PDF ออนไลน์เช่น EasePDF, html2pdf, Sejda เป็นต้น Google Docs ยังสามารถช่วยในการแปลง HTML ตอนนี้เรามาสัมผัสกับตัวแปลงเหล่านี้ด้วยกัน

ตัวเลือกที่ 1. EasePDF

EasePDF เป็นบริการออนไลน์ระดับมืออาชีพที่สำคัญในการแปลง PDF ซึ่งมีมากกว่า 20 เครื่องมือออนไลน์สำหรับการแก้ปัญหาที่เกี่ยวข้องกับ PDF ในฐานะที่เป็นตัวแปลงออนไลน์ EasePDF ทำงานได้ดีบนอุปกรณ์และระบบที่หลากหลายเช่น Mac, Windows, Android, iPhone, iPad และอื่น ๆ ผู้ใช้สามารถประมวลผลไฟล์จากคอมพิวเตอร์แท็บเล็ตและโทรศัพท์มือถือได้ทุกที่ทุกเวลาภายใต้การเชื่อมต่อ อินเตอร์เนต และนั่นทำให้การแปลง HTML เป็น PDF ง่ายสุด ๆ

ขั้นตอนที่ 1. ไปที่ EasePDF แล้วเลือก " HTML to PDF Converter " บนอินเทอร์เฟซหลัก

ขั้นตอนที่ 2. อัปโหลดไฟล์ที่จะแปลง เราสามารถอัปโหลดไฟล์ HTML ได้โดยคลิกปุ่ม "เพิ่มไฟล์" และไปที่ไฟล์บนอุปกรณ์ของเรา หรือเราสามารถลากและวางไฟล์เพื่อแปลงเพื่อเปิด นอกจากนี้เรายังสามารถเพิ่มไฟล์ HTML ที่เก็บไว้ใน Google Drive, Dropbox และคลาวด์ไดรฟ์อื่น ๆ โดยเลือกไอคอนไดรฟ์ด้านล่างปุ่ม ตัวแปลงจะอัปโหลดและแปลงไฟล์ HTML ทันทีเพียงรอไม่กี่วินาที EasePDF รองรับการแปลงแบบแบตช์ฟรีเราจึงสามารถเพิ่มไฟล์ HTL ได้มากกว่าหนึ่งไฟล์

EasePDF HTML เป็น PDF Converter

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

EasePDF HTML เป็น PDF ดาวน์โหลด

ตัวเลือกที่ 2. Google Docs

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

ขั้นตอนที่ 1 เปิด HTMlLfile ใน Google Docs คลิกที่ไอคอนไฟล์เล็ก ๆ บนอินเทอร์เฟซ Google Docs เพื่อเข้าถึงหน้าต่างอัปโหลด ไปที่แท็บ "อัปโหลด" และเลือกไฟล์ HTML บนอุปกรณ์ของคุณจากนั้นคลิกปุ่ม "เปิด"

อัปโหลดไฟล์ HTML Google Docs

ขั้นตอนที่ 2 บันทึกไฟล์ HTML เป็น PDF ไปที่เมนู "ไฟล์" บนแถบเครื่องมือด้านบนของ Google Drive วางเมาส์บนแท็บ "ดาวน์โหลด" และเลือก "เอกสาร PDF (.pdf)" และเอกสาร PDF ที่แปลงแล้วจะถูกดาวน์โหลดไปยังอุปกรณ์ของคุณโดยอัตโนมัติ

Google Docs ดาวน์โหลด HTML เป็น PDF

ส่วนที่ 3. วิธีบันทึกเว็บเพจเป็น PDF

แทนที่จะบันทึกหน้าเว็บเป็น HTML และแปลงเป็น PDF เราสามารถเลือกโซลูชันอื่น - เพื่อบันทึกหน้าเว็บเป็น PDF โดยตรง มีสองตัวเลือกในการทำเช่นนั้นในเว็บเบราว์เซอร์ของเรา

ตัวเลือกที่ 1. แถบเครื่องมือ Adobe PDF (Windows เท่านั้น)

Adobe มีส่วนขยายสำหรับ Internet Explorer (เวอร์ชัน 8.0 หรือใหม่กว่า) และ Google Chrome ซึ่งช่วยให้เราสามารถแปลงเว็บเพจเป็น PDF ได้โดยตรง ส่วนขยายนี้มีเฉพาะในคอมพิวเตอร์ Windows เราใช้ Chrome เป็นตัวอย่างอีกครั้ง

ขั้นตอนที่ 1 รับ ส่วนขยาย Adobe Acrobat บน Chrome เว็บสโตร์คลิกปุ่ม "เพิ่มลงใน Chrome" และจะถูกติดตั้งลงในเบราว์เซอร์

Adobe Acrobat เพิ่มลงใน Chrome

ขั้นตอนที่ 2 คลิกที่ไอคอน Adobe บนแถบเครื่องมือและเลือก "แปลงหน้าเว็บเป็น PDF" จากนั้นเลือกตำแหน่งป้อนชื่อไฟล์และคลิกปุ่ม "บันทึก"

ไอคอน Chrome Adobe

ตัวเลือกที่ 2. ใช้ "พิมพ์เป็น PDF" บนเบราว์เซอร์

อีกวิธีง่าย ๆ ในการบันทึกเว็บเพจเป็น PDF โดยตรงคือการใช้ตัวเลือก "พิมพ์" บนเว็บเบราว์เซอร์ มาดูกันว่า Chrome ทำงานอย่างไร

ขั้นตอนที่ 1 ไปที่ "ไฟล์" → "พิมพ์" บนแถบเครื่องมือของ Chrome

ขั้นตอนที่ 2 ในหน้าต่างป๊อปอัปพิมพ์เปลี่ยนการตั้งค่าเพื่อความพึงพอใจของคุณ

1. เลือก "บันทึกเป็น PDF" บนตัวเลือก "ปลายทาง"

2. คุณสามารถเลือกที่จะบันทึกหน้าทั้งหมดหรือบางหน้าเป็น PDF ในตัวเลือก "Pages"

3. ในตัวเลือก "Pages ต่อแผ่น" เลือก "1"

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

5. หากคุณทำเครื่องหมายที่ช่อง "ส่วนหัวและส่วนท้าย" PDF ที่แปลงแล้วจะมีชื่อหน้าและวันที่บันทึกที่ส่วนหัวและมีลิงค์ของหน้าในส่วนท้าย

6. หากคุณต้องการให้ PDF ที่บันทึกไว้มีลักษณะเหมือนกับหน้าเว็บต้นฉบับให้เลือก "กราฟิกพื้นหลัง"

Chrome พิมพ์บันทึกเป็น PDF

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

เคล็ดลับโบนัส:

1. มีเดสก์ท็อป HTML เป็น PDF Converter จำนวนมากที่สามารถช่วยคุณในการแปลงเช่น PDFelement

2. หากคุณต้องการแก้ไขไฟล์ PDF ที่แปลงแล้วเพียงอ้างอิงโพสต์นี้ วิธีแก้ไข PDF โดยใช้โปรแกรมแก้ไข PDF ยอดนิยม

บทความนี้เป็นประโยชน์หรือไม่? ขอบคุณสำหรับความคิดเห็นของคุณ!

ใช่ หรือ NO

คิดเห็น

เพิ่มไฟล์

เพิ่มไฟล์

เลือกเครื่องมือ