UltKit

HTML 轉 PDF

上傳 HTML 檔案,例如匯出的報表、系統產生的發票、電子郵件範本或另存的網頁,即可取得分好頁的 PDF,字型、表格與連結都會保留。如果檔案含有列印樣式,頁面就會依照這些樣式排版。

轉換為 PDF

或將DOC, DOCX, DOCM … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳 .html 或 .htm 檔案

    最多可加入 20 個檔案,每個檔案不超過 95 MB。若要轉換網頁,請先用 Ctrl+S(Mac 為 Cmd+S)儲存網頁,再上傳 .html 檔案。

  2. 2

    選擇頁面尺寸與邊界

    頁面大小選「與來源相同」時,會依檔案中的 @page 規則決定。你也可以在進階設定中強制使用 A4 或 Letter、橫向的方向,或調整其他邊界。

  3. 3

    轉換為 PDF

    按下轉成 PDF,再下載結果。上傳的檔案與 PDF 會在 30 分鐘後刪除。

HTML 轉 PDF 免費轉換:哪些檔案能完整轉換

所有內容都包含在檔案內的 HTML 轉換效果最好:樣式放在 <style> 元素中、圖片以內嵌方式或完整 https:// 網址連結、字型以 @font-face 載入。多數自動產生的文件都符合這個條件,從發票、對帳單到測試報告、文件匯出檔和 HTML 電子郵件範本都是如此;電子郵件範本因為郵件軟體會封鎖外部檔案,所以都做成獨立完整的檔案。

從網站儲存下來的頁面則不一樣。選擇「網頁,全部」時,瀏覽器會在 .html 檔案旁另外寫入一個放圖片和樣式表的資料夾,而這個資料夾不會包含在上傳內容中。如果這類頁面轉出的 PDF 看起來很陽春,請改用瀏覽器列印,或先整理內容;想在製作 PDF 前刪掉選單和頁尾時,可以用 HTML 轉 Word 轉換器。

CSS 像素如何對應 A4 與 Letter 頁面

SizePixelscminDPIFits
A4794 × 112321.0 × 29.78.27 × 11.6996邊界 25.4 mm 時,可用寬度約 602 px
Letter816 × 105621.6 × 27.98.5 × 1196美國預設尺寸;邊界 1 in 時,可用寬度約 624 px
Legal816 × 134421.6 × 35.68.5 × 1496美國較長的合約與表單
A31123 × 158729.7 × 42.011.69 × 16.5496較寬的儀表板與時程表
A5559 × 79414.8 × 21.05.83 × 8.2796小冊子與收據

CSS 把 1 英吋定義為 96 px,因此頁面的寬度會以樣式表使用的相同單位固定下來。為 1280 px 桌面視窗設計的版面,在邊界正常的 A4 頁面上只有約 600 px 可用。響應式頁面會改用較窄的版面,列印效果良好;採用固定 1000 px 外層容器的頁面則會被縮小或裁掉,視轉譯器而定。將邊界設為「窄」(12.7 mm),可多出約 100 px 的寬度。

列印樣式表範例:頁面大小、隱藏網站版面元素與分頁規則
@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 規則來自 W3C 的 CSS Paged Media 模組,用來設定紙張大小與邊界。break-before、break-after 和 break-inside 屬於 CSS Fragmentation,取代較舊的 page-break- 屬性,不過瀏覽器仍接受舊屬性作為別名。網頁字型還要多檢查一項:如果字型來自轉換器無法連線的伺服器,就會改用系統字型,開啟嵌入字型*時,PDF 就會嵌入這個替代字型。請讓字型檔案可以透過完整的 https:// 網址存取。

HTML

超文字標記語言

HTML 是網頁的標記語言,由 Tim Berners-Lee 在 1990 年代初期提出,現由 WHATWG 以持續更新的標準維護。HTML 檔案用來描述標題、段落、連結、表格、圖片和表單,樣式通常由 CSS 提供。所有瀏覽器都能呈現 HTML,電子郵件範本和儲存的網頁也使用它。單一 HTML 檔案常依賴外部圖片和樣式表,單獨移動後可能會顯示異常。

壓縮方式
–
透明度
–
動畫
–
推出年份
1993 · Tim Berners-Lee; maintained by WHATWG
HTML 轉檔工具

PDF

Portable Document Format

PDF 由 Adobe 於 1993 年建立,2008 年成為開放的 ISO 32000 標準。它會固定文字、字型、圖片與版面,讓文件在每個螢幕和印表機上看起來都一樣。PDF 可包含表單、簽章、連結、附件和可搜尋的文字,其中 PDF/A 版本則用於長期存檔。固定的版面讓 PDF 不易編輯,而掃描的 PDF 除非套用 OCR,否則只含圖片。所有瀏覽器和作業系統都能開啟。

壓縮方式
–
透明度
支援
動畫
不支援
推出年份
1993 · Adobe
PDF 轉檔工具

HTML 會依開啟它的視窗重新排版,而且依賴存放在別處的字型、指令碼和圖片;PDF 則固定成一個分頁版本,可以歸檔、附在發票郵件中,或提交給只接受文件的入口網站。

HTML 轉 PDF 常見問題

可以貼上網址,直接把線上網頁轉成 PDF 嗎?

不行,這個轉換器處理的是檔案。請從瀏覽器儲存網頁後上傳 .html 檔案,或使用瀏覽器本身的列印視窗,並選擇「另存為 PDF」作為目的地。對於需要登入才能看的網頁,或圖片要從網站載入的頁面,這是比較好的做法。

HTML 轉 PDF 後,為什麼背景顏色不見了?

為了節省墨水,列印時預設會省略背景,瀏覽器與大多數轉換器都是如此。請在必須保留顏色的元素上加入 print-color-adjust: exact,例如表格標題列和狀態標籤,這些顏色就會保留。

HTML 裡的連結在 PDF 中還能點擊嗎?

使用完整網址的連結通常仍可點擊。像 /pricing 這類相對連結一旦離開原網站就找不到網域,若讀者會從 PDF 點選,請改寫成完整的 https:// 網址。

為什麼較寬的表格在頁面右側被切掉?

表格比可列印範圍更寬,常見原因是設定了固定像素寬度。請將方向設為橫向,或在列印用 CSS 中為表格設定 width: 100% 並縮小儲存格內距,讓表格配合頁面換行。

可以把多個 HTML 檔案合成一個 PDF 嗎?

每個上傳的檔案都會各自轉成一個 PDF,每批最多 20 個。之後可用 PDF 合併排好順序;上傳前先把檔名取為 01、02、03,順序就一目了然。