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(Mac 為 Cmd+S)儲存網頁,再上傳 .html 檔案。
- 2
選擇頁面尺寸與邊界
頁面大小選「與來源相同」時,會依檔案中的 @page 規則決定。你也可以在進階設定中強制使用 A4 或 Letter、橫向的方向,或調整其他邊界。
- 3
轉換為 PDF
按下轉成 PDF,再下載結果。上傳的檔案與 PDF 會在 30 分鐘後刪除。
HTML 轉 PDF 免費轉換:哪些檔案能完整轉換
所有內容都包含在檔案內的 HTML 轉換效果最好:樣式放在 <style> 元素中、圖片以內嵌方式或完整 https:// 網址連結、字型以 @font-face 載入。多數自動產生的文件都符合這個條件,從發票、對帳單到測試報告、文件匯出檔和 HTML 電子郵件範本都是如此;電子郵件範本因為郵件軟體會封鎖外部檔案,所以都做成獨立完整的檔案。
從網站儲存下來的頁面則不一樣。選擇「網頁,全部」時,瀏覽器會在 .html 檔案旁另外寫入一個放圖片和樣式表的資料夾,而這個資料夾不會包含在上傳內容中。如果這類頁面轉出的 PDF 看起來很陽春,請改用瀏覽器列印,或先整理內容;想在製作 PDF 前刪掉選單和頁尾時,可以用 HTML 轉 Word 轉換器。
CSS 像素如何對應 A4 與 Letter 頁面
| Size | Pixels | cm | in | DPI | Fits |
|---|---|---|---|---|---|
| A4 | 794 × 1123 | 21.0 × 29.7 | 8.27 × 11.69 | 96 | 邊界 25.4 mm 時,可用寬度約 602 px |
| Letter | 816 × 1056 | 21.6 × 27.9 | 8.5 × 11 | 96 | 美國預設尺寸;邊界 1 in 時,可用寬度約 624 px |
| 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 桌面視窗設計的版面,在邊界正常的 A4 頁面上只有約 600 px 可用。響應式頁面會改用較窄的版面,列印效果良好;採用固定 1000 px 外層容器的頁面則會被縮小或裁掉,視轉譯器而定。將邊界設為「窄」(12.7 mm),可多出約 100 px 的寬度。
控制 PDF 分頁的列印 CSS
@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
Portable Document Format
PDF 由 Adobe 於 1993 年建立,2008 年成為開放的 ISO 32000 標準。它會固定文字、字型、圖片與版面,讓文件在每個螢幕和印表機上看起來都一樣。PDF 可包含表單、簽章、連結、附件和可搜尋的文字,其中 PDF/A 版本則用於長期存檔。固定的版面讓 PDF 不易編輯,而掃描的 PDF 除非套用 OCR,否則只含圖片。所有瀏覽器和作業系統都能開啟。
- 壓縮方式
- –
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1993 · Adobe
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,順序就一目了然。