UltKit

PDF 轉 WebP 轉換器

網頁裡嵌入 PDF,訪客得先下載整份文件才看得到內容。把頁面轉成 WebP,就成了一般圖片:能直接在頁面中載入、隨版面縮放,檔案也比同樣頁面存成 JPG 或 PNG 更小。

PDF 轉圖片

或將PDF 檔案拖曳到這裡 ·

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

輸出
dpi

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

使用方式

  1. 1

    上傳 PDF

    選擇宣傳手冊、菜單、簡報或報告,也可以一次處理最多 20 個 PDF,每個最大 95 MB。

  2. 2

    依你製作的網頁調整設定

    本頁預設為 150 DPI 與品質 80。若只是縮圖,可降到 100 DPI;如果頁面要放在有顏色的區塊上,請勾選透明背景。

  3. 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 品質設定

  1. 50

    僅適合縮圖;文字邊緣會模糊

  2. 70

    照片較多的頁面、型錄

  3. 80

    本頁預設:文字與圖片混排

  4. 90

    小字、彩色文字、圖表

  5. 100

    檔案最大,很少值得使用

WebP 頁面適合的情境

  • 顯示文件預覽的部落格文章與到達頁面
  • 在手機上瀏覽的線上菜單、傳單與型錄
  • 預設提供 WebP 的圖片 CDN 與 CMS
  • 搭配透明背景放在有顏色背景上的頁面

建議改用其他格式的情境

  • 電子郵件附件,部分桌面郵件軟體仍會把 WebP 當成一般檔案
  • 列印,300 DPI 的 PNG 或 TIFF 比較保險
  • 需要每份文件只保留一個檔案的封存
  • 需要在舊版桌面軟體中編輯的頁面

PDF

Portable Document Format

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

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

WEBP

WebP 圖片

WebP 是 Google 於 2010 年推出的圖片格式,目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時,有損 WebP 檔案通常比 JPEG 小 25–35%,無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援,但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。

壓縮方式
有損或無損
透明度
支援
動畫
支援
推出年份
2010 · Google
WEBP 轉檔工具

當 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 轉換這些檔案。