什麼是網頁轉 PDF？
網頁轉 PDF 工具可將任何 HTML 內容轉換為可下載的 PDF 文件。貼上您的 HTML 程式碼或使用內建編輯器建立內容，然後依照自訂的頁面尺寸和邊界生成整潔的 PDF 檔案。
轉換器把 HTML 放在隱藏的 iframe 內渲染,樣式、字型和內嵌圖片直接在你的裝置上顯示,呈現方式與現代網頁一致。選擇 A4 或 Letter 紙張,直式或橫式,設定毫米邊界後即可下載。CSS 列印規則如 page-break-before 會被遵守,多段文件分頁俐落。可從內建範本入手——發票、履歷、報告或信函——也能直接貼上自己的 HTML,並以指定的檔名儲存。
使用方法
- 在編輯區域輸入或貼上 HTML 內容。
- 設定頁面配置：紙張尺寸（A4、Letter 等）、頁面方向和頁邊距。
- 點擊生成 PDF 並下載結果檔案。
何時使用
- 把帶樣式的 HTML 發票或報告轉成 PDF,用於郵件寄送或封存。
- 把文章或文件頁面儲存為版面整齊的列印格式,邊界可自訂。
- 直接從 HTML 範本生成 PDF,不用安裝 wkhtmltopdf 或 headless Chrome。
結果
顧問把計費範本裡有樣式的 HTML 發票貼進編輯器,選 A4 直式、15 毫米邊界,下載 PDF 再隨郵件寄給客戶。
常見問題
- 外部圖片和 Google Fonts 會在 PDF 內載入嗎?
- 支援 HTTPS 提供且允許 CORS 的圖片,以及透過 @import 引入的 Google Fonts。若字型載入失敗,PDF 會退回到系統中最相近的字型。
- 如何控制分頁的位置?
- 在 HTML 中加上 CSS 列印規則,例如 page-break-before: always 或 break-inside: avoid。轉換器會依此分頁,章節標題與表格不會被攔腰切斷。
- 可以貼上完整的 HTML 文件(含 head 與 style)嗎?
- 可以。整份文件會寫入渲染 iframe,所以 head 內的 meta charset、外部樣式表、內嵌 CSS 都會生效。只貼 body 片段也可以。
- 為什麼 PDF 跟頁面預覽稍有差異?
- PDF 以 2 倍清晰度渲染，文字更銳利。預設排版會按所選紙張寬度處理（A4 為 210 公釐，Letter 為 216 公釐），但你也可以把渲染寬度設為手機、平板或桌面，依該斷點擷取響應式版面。以 vw 為單位的尺寸會跟著你選的寬度。
- HTML 檔案大小有上限嗎?
- 實務上幾 MB 的 HTML 加內嵌圖片都能處理。數百頁的超長文件渲染會變慢,但整個過程都在本機進行,並沒有上傳容量限制。