PDF 轉 WebP 轉換器
網頁裡嵌入 PDF,訪客得先下載整份文件才看得到內容。把頁面轉成 WebP,就成了一般圖片:能直接在頁面中載入、隨版面縮放,檔案也比同樣頁面存成 JPG 或 PNG 更小。
PDF 轉圖片
或將PDF 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
頁碼或範圍,以逗號分隔,例如 1-3, 5。
85 可讓文字保持銳利。只有在圖片太大無法上傳時才調低。
黑白會產生純黑與純白的像素,適合掃描文字,且檔案非常小。
每一頁會成為獨立的圖片。ZIP 會將它們集中在一起,並依頁碼順序編號。
使用方式
- 1
上傳 PDF
選擇宣傳手冊、菜單、簡報或報告,也可以一次處理最多 20 個 PDF,每個最大 95 MB。
- 2
依你製作的網頁調整設定
本頁預設為 150 DPI 與品質 80。若只是縮圖,可降到 100 DPI;如果頁面要放在有顏色的區塊上,請勾選透明背景。
- 3
轉換為 WebP
按下轉換為 WebP,即可下載含編號圖片的 ZIP,直接上傳到您的 CMS 或圖片 CDN。
為什麼網站要把 PDF 轉成 WebP
Google 在 2010 年以 VP8 影片編碼器為基礎推出 WebP,目的是減輕網頁上圖片的負擔。對 PDF 頁面來說,好處表現在兩方面。與 PNG 相比,含照片或漸層的頁面會大幅縮小,因為 WebP 能捨棄肉眼看不出的細節。與畫質相近的 JPG 相比,檔案通常還會更小,當餐廳菜單或產品型錄有十幾頁時,這一點相當重要。
以預設的 150 DPI 輸出,A4 頁面為 1240 × 1754 px,US Letter 頁面為 1275 × 1650 px。這樣的大小在高密度手機螢幕上,放進 600 至 700 px 寬的內容欄仍然清晰。若只是頁面縮圖網格,72 至 100 DPI 就很足夠。WebP 本身的圖片尺寸上限為 16383 × 16383 px,只有在以 600 DPI 輸出超大型圖面時才會碰到。
PDF 頁面的 WebP 品質設定
- 50
僅適合縮圖;文字邊緣會模糊
- 70
照片較多的頁面、型錄
- 80
本頁預設:文字與圖片混排
- 90
小字、彩色文字、圖表
- 100
檔案最大,很少值得使用
WebP 頁面適合的情境
- 顯示文件預覽的部落格文章與到達頁面
- 在手機上瀏覽的線上菜單、傳單與型錄
- 預設提供 WebP 的圖片 CDN 與 CMS
- 搭配透明背景放在有顏色背景上的頁面
建議改用其他格式的情境
- 電子郵件附件,部分桌面郵件軟體仍會把 WebP 當成一般檔案
- 列印,300 DPI 的 PNG 或 TIFF 比較保險
- 需要每份文件只保留一個檔案的封存
- 需要在舊版桌面軟體中編輯的頁面
Portable Document Format
PDF 由 Adobe 於 1993 年建立,2008 年成為開放的 ISO 32000 標準。它會固定文字、字型、圖片與版面,讓文件在每個螢幕和印表機上看起來都一樣。PDF 可包含表單、簽章、連結、附件和可搜尋的文字,其中 PDF/A 版本則用於長期存檔。固定的版面讓 PDF 不易編輯,而掃描的 PDF 除非套用 OCR,否則只含圖片。所有瀏覽器和作業系統都能開啟。
- 壓縮方式
- –
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1993 · Adobe
WEBP
WebP 圖片
WebP 是 Google 於 2010 年推出的圖片格式,目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時,有損 WebP 檔案通常比 JPEG 小 25–35%,無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援,但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。
- 壓縮方式
- 有損或無損
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2010 · Google
當 PDF 頁面需要以快速載入的圖片形式出現在網站、部落格文章或網路商店,而不是讓人下載文件時,就會轉成 WebP。
將 PDF 頁面發布為 WebP 圖片
上線前先為檔案命名。ZIP 會依頁碼編號,建議把 page-01.webp 改成像 spring-menu-page-1.webp 這樣的名稱,讓網址能說明內容。請在 HTML 中加上 width 和 height 屬性,避免圖片載入時版面跳動,並對第一頁以外的每一頁使用延遲載入。
請在圖片旁附上原始 PDF 的連結,方便想列印或搜尋的人使用。若想了解 WebP 與 AVIF、HEIC 在網站其他部分的比較,請閱讀我們的 AVIF、HEIC 與 WebP 說明。
PDF 轉 WebP 常見問題
一個 WebP 檔案能放多頁 PDF 嗎?
不行。WebP 沒有「頁面」的概念,它唯一的多圖功能是動畫,與多頁文件不同。每一頁 PDF 都會變成獨立的 .webp 檔案,並依頁碼順序編號後放進 ZIP。
網站上的 PDF 頁面該用多少品質?
文字與照片混排的頁面,品質 80 左右通常最剛好。文字較多的頁面在 70 以下,邊緣可能出現模糊並帶有淡淡的顏色,如果頁面多是小字,請把品質調高到 90 左右。
現在所有瀏覽器都能顯示 WebP 圖片嗎?
Chrome、Edge、Firefox 和 Opera 早已支援 WebP,Safari 也在 2020 年的 14 版加入支援。目前訪客常用的瀏覽器都能顯示這些圖片,因此很少需要準備 JPG 備用版本。
搜尋引擎讀得到 WebP 頁面圖片裡的內容嗎?
搜尋引擎索引的是圖片本身,而不是圖片裡的文字。請為每張圖片加上具描述性的替代文字,並把頁面的重點文字以 HTML 放在圖片旁邊,或附上原始 PDF 的連結,讓完整文字仍可被搜尋引擎擷取。
為什麼 WebP 裡文字周圍的顏色有點模糊?
有損 WebP 儲存顏色時,解析度只有亮度的一半,這種技術稱為色度子取樣。黑色文字不受影響,但細小的紅色或藍色字可能暈開。請調高品質,或對滿是彩色小字的頁面改用 PDF 轉 PNG。
之後有人需要 JPG 格式的頁面怎麼辦?
如果電子郵件軟體、舊版編輯器或上傳表單不接受 WebP,請用 WebP 轉 JPG 轉換這些檔案。