แปลง HTML เป็น PDF
อัปโหลดไฟล์ HTML เช่น รายงานที่ส่งออกมา ใบแจ้งหนี้ที่ระบบสร้างขึ้น เทมเพลตอีเมล หรือเว็บเพจที่บันทึกไว้ แล้วรับไฟล์ PDF แบบแบ่งหน้าที่คงฟอนต์ ตาราง และลิงก์ไว้ครบ หากไฟล์มีสไตล์สำหรับพิมพ์ สไตล์นั้นจะกำหนดรูปแบบของแต่ละหน้า
แปลงเป็น PDF
หรือลากไฟล์ DOC, DOCX, DOCM … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
แปลงทั้งเอกสารหรือเฉพาะบางหน้า สไลด์ หรือชีต
หน้าหรือสไลด์ที่จะเก็บไว้ เช่น 1-3, 5, 8-10 หมายเลขอ้างอิงตามเอกสารต้นฉบับ
ระยะขอบของต้นฉบับจะคงเค้าโครงเดิมของเอกสารไว้ แบบแคบคือ 12.7 mm ปกติ 25.4 mm และกว้าง 50.8 mm ทั้งด้านซ้ายและขวา
สำหรับไฟล์ Excel, ODS และ Numbers: แปลงทุกชีต หรือเฉพาะชีตที่เปิดอยู่ตอนบันทึกไฟล์
คุณภาพ JPEG ของภาพถ่ายในเอกสาร 90 ให้ผลเหมือนต้นฉบับ ลดค่าลงเพื่อให้ PDF เล็กลง
เว้นว่างไว้หากไม่ต้องการรหัสผ่าน หากตั้งไว้ PDF จะขอรหัสผ่านก่อนเปิด ใช้กับ PDF/A ไม่ได้
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ .html หรือ .htm
เพิ่มได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB หากต้องการแปลงหน้าเว็บ ให้บันทึกหน้านั้นก่อนด้วย Ctrl+S (หรือ Cmd+S บน Mac) แล้วอัปโหลดไฟล์ .html
- 2
เลือกขนาดหน้าและระยะขอบ
ตัวเลือก ขนาดหน้ากระดาษ ที่ตั้งเป็น Same as source จะใช้ตามกฎ @page ในไฟล์ หากต้องการบังคับเป็น A4 หรือ Letter ใช้การวางแนวนอน หรือเปลี่ยน ระยะขอบ ให้ไปที่ การตั้งค่าขั้นสูง แล้วปรับ การวางแนว ได้ที่นั่น
- 3
แปลงเป็น PDF
กด แปลงไฟล์เป็น PDF แล้วดาวน์โหลดผลลัพธ์ ไฟล์ที่อัปโหลดและ PDF จะถูกลบหลังจากผ่านไป 30 นาที
แปลง HTML เป็น PDF ฟรี: ไฟล์แบบใดที่แปลงได้เรียบร้อย
ไฟล์ HTML ที่มีทุกอย่างอยู่ในตัวเองจะแปลงได้ดีที่สุด คือสไตล์อยู่ในองค์ประกอบ <style> รูปภาพฝังไว้หรืออ้างอิงด้วยที่อยู่ https:// แบบเต็ม และฟอนต์โหลดด้วย @font-face ซึ่งตรงกับเอกสารที่สร้างอัตโนมัติส่วนใหญ่ ตั้งแต่ใบแจ้งหนี้และใบแสดงรายการ รายงานผลทดสอบ ไฟล์ส่งออกเอกสารประกอบ ไปจนถึงเทมเพลตอีเมล HTML ที่สร้างให้ครบในตัวเอง เพราะโปรแกรมอีเมลบล็อกไฟล์ภายนอก
หน้าที่บันทึกจากเว็บไซต์ต่างออกไป เมื่อเลือก Webpage, Complete เบราว์เซอร์จะเขียนไฟล์ .html พร้อมโฟลเดอร์รูปภาพและสไตล์ชีตไว้ข้าง ๆ โดยโฟลเดอร์นั้นไม่ได้รวมอยู่ในการอัปโหลด หาก PDF จากหน้าแบบนี้ดูโล่ง ให้พิมพ์จากเบราว์เซอร์แทน หรือจัดเนื้อหาก่อน โดยตัวแปลง HTML เป็น Word ช่วยได้เมื่ออยากตัดเมนูและส่วนท้ายออกก่อนทำ PDF
พิกเซลของ CSS เทียบกับหน้า A4 และ Letter อย่างไร
| Size | Pixels | cm | in | DPI | Fits |
|---|---|---|---|---|---|
| A4 | 794 × 1123 | 21.0 × 29.7 | 8.27 × 11.69 | 96 | ความกว้างที่ใช้ได้ประมาณ 602 px เมื่อระยะขอบ 25.4 mm |
| Letter | 816 × 1056 | 21.6 × 27.9 | 8.5 × 11 | 96 | ค่าเริ่มต้นของสหรัฐฯ ความกว้างที่ใช้ได้ประมาณ 624 px เมื่อระยะขอบ 1 in |
| Legal | 816 × 1344 | 21.6 × 35.6 | 8.5 × 14 | 96 | สัญญาและแบบฟอร์มยาวของสหรัฐฯ |
| A3 | 1123 × 1587 | 29.7 × 42.0 | 11.69 × 16.54 | 96 | แดชบอร์ดและตารางงานแบบกว้าง |
| A5 | 559 × 794 | 14.8 × 21.0 | 5.83 × 8.27 | 96 | สมุดเล่มเล็กและใบเสร็จ |
CSS กำหนดให้ 1 นิ้วเท่ากับ 96 px หน้ากระดาษจึงมีความกว้างคงที่ในหน่วยเดียวกับที่สไตล์ชีตใช้ เลย์เอาต์ที่ออกแบบไว้สำหรับหน้าต่างเดสก์ท็อป 1280 px จะเหลือพื้นที่ราว 600 px บนกระดาษ A4 ที่ระยะขอบปกติ หน้าแบบ responsive จะสลับไปใช้เลย์เอาต์แคบและพิมพ์ออกมาดี ส่วนหน้าที่มีกรอบคงที่ 1000 px จะถูกย่อหรือถูกตัดขอบ ขึ้นอยู่กับตัวแสดงผล การตั้ง ระยะขอบ เป็น Narrow (12.7 mm) จะได้ความกว้างคืนมาประมาณ 100 px
CSS สำหรับพิมพ์ที่ควบคุมการขึ้นหน้าใหม่ใน PDF
@page { size: A4; margin: 15mm; }
@media print {
nav, footer, .cookie-banner { display: none; }
h2, h3 { break-after: avoid; }
table, figure, pre { break-inside: avoid; }
.new-section { break-before: page; }
}กฎ @page มาจากโมดูล CSS Paged Media ของ W3C และใช้กำหนดขนาดกระดาษและระยะขอบ ส่วนคุณสมบัติ break-before, break-after และ break-inside เป็นของ CSS Fragmentation และมาแทนคุณสมบัติ page-break- รุ่นเก่า ซึ่งเบราว์เซอร์ยังรองรับในฐานะชื่อแทน ฟอนต์เว็บต้องตรวจเพิ่มอีกอย่าง คือฟอนต์ที่โหลดจากเซิร์ฟเวอร์ที่ตัวแปลงเข้าถึงไม่ได้จะถูกแทนด้วยฟอนต์ของระบบ และเมื่อเปิด ฝังฟอนต์* PDF ก็จะฝังฟอนต์สำรองนั้นแทน ควรให้ไฟล์ฟอนต์เข้าถึงได้ผ่านที่อยู่ https:// แบบเต็ม
HTML
HyperText Markup Language
HTML คือภาษามาร์กอัปของเว็บ อธิบายครั้งแรกโดย Tim Berners-Lee ในช่วงต้นทศวรรษ 1990 และปัจจุบัน WHATWG ดูแลในฐานะมาตรฐานที่ปรับปรุงต่อเนื่อง (living standard) ไฟล์ HTML อธิบายหัวข้อ ย่อหน้า ลิงก์ ตาราง รูปภาพ และแบบฟอร์ม ส่วนการจัดรูปแบบมักมาจาก CSS เบราว์เซอร์ทุกตัวแสดงผล HTML ได้ และยังใช้กับเทมเพลตอีเมลและหน้าเว็บที่บันทึกไว้ ไฟล์ HTML ไฟล์เดียวมักอาศัยรูปภาพและสไตล์ชีตภายนอก จึงอาจแสดงผลผิดเพี้ยนเมื่อย้ายไปเพียงไฟล์เดียว
- การบีบอัด
- –
- พื้นหลังโปร่งใส
- –
- ภาพเคลื่อนไหว
- –
- เปิดตัว
- 1993 · Tim Berners-Lee; maintained by WHATWG
Portable Document Format
PDF สร้างขึ้นโดย Adobe ในปี 1993 และกลายเป็นมาตรฐานเปิด ISO 32000 ในปี 2008 รูปแบบนี้ตรึงข้อความ ฟอนต์ รูปภาพ และเลย์เอาต์ไว้ เอกสารจึงแสดงผลเหมือนกันบนทุกหน้าจอและเครื่องพิมพ์ ไฟล์ PDF สามารถมีแบบฟอร์ม ลายเซ็น ลิงก์ ไฟล์แนบ และข้อความที่ค้นหาได้ และรุ่นย่อย PDF/A ใช้สำหรับการเก็บถาวรระยะยาว เลย์เอาต์ที่ตายตัวทำให้แก้ไข PDF ได้ยาก และ PDF ที่สแกนมาจะมีเพียงภาพเท่านั้นหากไม่ได้ทำ OCR เบราว์เซอร์และระบบปฏิบัติการทุกตัวเปิดไฟล์นี้ได้
- การบีบอัด
- –
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- 1993 · Adobe
HTML จัดเลย์เอาต์ใหม่ให้พอดีกับหน้าต่างที่เปิด และต้องพึ่งฟอนต์ สคริปต์ และรูปภาพที่อยู่ที่อื่น ส่วน PDF ตรึงเป็นเอกสารแบบแบ่งหน้าเพียงฉบับเดียว จึงเก็บเข้าแฟ้ม แนบกับอีเมลใบแจ้งหนี้ หรือส่งในระบบที่รับเฉพาะเอกสารได้
คำถามเกี่ยวกับการแปลง HTML เป็น PDF
แปลงเว็บเพจออนไลน์โดยวางที่อยู่เว็บได้หรือไม่
ไม่ได้ ตัวแปลงนี้ทำงานกับไฟล์ ให้บันทึกหน้าเว็บจากเบราว์เซอร์แล้วอัปโหลดไฟล์ .html หรือใช้กล่องโต้ตอบพิมพ์ของเบราว์เซอร์เองโดยเลือกปลายทางเป็นบันทึกเป็น PDF ซึ่งเหมาะกว่าสำหรับหน้าที่ต้องล็อกอินหรือมีรูปภาพจำนวนมากที่โหลดจากเว็บไซต์
ทำไมสีพื้นหลังจึงหายไปเมื่อแปลง HTML เป็น PDF
การแสดงผลสำหรับพิมพ์จะตัดพื้นหลังออกตามค่าเริ่มต้นเพื่อประหยัดหมึก ทั้งในเบราว์เซอร์และตัวแปลงส่วนใหญ่ ให้เพิ่ม print-color-adjust: exact ให้กับองค์ประกอบที่ต้องคงสีไว้ เช่น แถวหัวตารางและป้ายสถานะ สีเหล่านั้นก็จะยังอยู่
ลิงก์ใน HTML ยังคลิกได้ในไฟล์ PDF หรือไม่
ลิงก์ที่มีที่อยู่แบบเต็มมักจะยังคลิกได้ ส่วนลิงก์แบบสัมพัทธ์ เช่น /pricing จะไม่รู้ว่าเป็นของเว็บไซต์ใดเมื่อไฟล์ออกมาจากเว็บแล้ว จึงควรแก้เป็นที่อยู่ https:// แบบเต็ม หากต้องการให้ผู้อ่านกดตามจาก PDF
ทำไมตารางที่กว้างจึงถูกตัดขาดทางด้านขวาของหน้า
ตารางกว้างเกินพื้นที่พิมพ์ มักเพราะกำหนดความกว้างเป็นพิกเซลคงที่ ให้ตั้ง การวางแนว เป็นแนวนอน หรือกำหนดให้ตารางมี width: 100% และลดระยะห่างในเซลล์ใน CSS สำหรับพิมพ์ เพื่อให้ตารางพอดีกับหน้ากระดาษ
รวมไฟล์ HTML หลายไฟล์เป็น PDF ไฟล์เดียวได้หรือไม่
ไฟล์ที่อัปโหลดแต่ละไฟล์จะกลายเป็น PDF แยกกัน ได้สูงสุด 20 ไฟล์ต่อชุด จากนั้นจัดลำดับด้วย รวมไฟล์ PDF และการตั้งชื่อไฟล์เป็น 01, 02, 03 ก่อนอัปโหลดจะช่วยให้เห็นลำดับชัดเจน
