↑ ↓ 移動 · Enter 開啟 · Esc 關閉

把 PDF 頁面轉成網頁用的 WebP

從 PDF 頁面做出輕巧的 WebP 圖片,可以直接放上網站。支援 Chrome、Edge 和 Firefox,你的檔案始終留在你的裝置上。

在你的裝置上執行——檔案絕不上傳。 如何驗證

將 PDF 拖放到這裡 或 選擇檔案 一次一個 PDF

關於「PDF 轉 WebP」

WebP 是專為網路設計的圖片格式。採用破壞性壓縮時,同樣一張頁面圖片,通常可以用比視覺品質相當的 JPG 更少的位元組來儲存,這代表網頁載入更快,訪客花掉的行動數據也更少。目前所有主流瀏覽器都能顯示 WebP。

這個工具會用 Mozilla 的開放原始碼 PDF 繪製引擎 pdf.js 繪製 PDF 中每一個選取的頁面,再請瀏覽器把結果編碼成 WebP。你可以選擇解析度(72、150 或 300 DPI)和品質:預設為高(92),中(80)則會讓檔案更小,代價是細節稍微柔和一些。輸出的檔名像是 catalog-p1.webp,多頁會打包成一個 ZIP。

瀏覽器支援:Safari 無法建立 WebP

WebP 編碼是瀏覽器提供的功能,而 Safari 沒有提供,所以在 Safari 中,工具會顯示錯誤訊息。請在電腦上使用 Chrome、Edge 或 Firefox,或改用 PDF 轉 JPG,它在所有支援的瀏覽器中都能使用。在 iPhone 和 iPad 上,其他瀏覽器通常也是使用 Apple 的 WebKit 引擎,所以預期會有同樣的限制。在 Safari 中開啟和檢視 WebP 檔沒有問題,缺少的只是建立 WebP 的功能。

如何使用「PDF 轉 WebP」

  1. 加入 PDF用 Chrome、Edge 或 Firefox 開啟這個頁面,再把 PDF 拖到工具上或瀏覽選取。文件中的每一頁都會顯示一張縮圖。
  2. 設定頁面、DPI 和品質保留所有頁面的選取,或點縮圖、輸入像 4-6, 9 這樣的範圍來縮小選取。網頁用途可以先從 150 DPI 搭配「高」品質開始。
  3. 儲存 WebP 圖片按「轉換為圖片」後儲存輸出結果。單一頁面會是一個 .webp 檔;多頁則是一個 ZIP 壓縮檔,解壓縮到網站的圖片資料夾即可。

常見使用情境

  • 在下載頁面放上預覽

    如果你提供 PDF 格式的使用手冊、菜單或規格表,放上第一、二頁的 WebP,能讓訪客在下載前先知道內容。縮圖用 72 DPI 就夠了,要能閱讀的預覽則用 150 DPI。

  • 為部落格文章或說明網站配圖

    要在文章中引用 PDF 裡的圖表或表單?WebP 能壓低整個網頁的重量,當一篇文章有好幾張頁面圖片時,差別就會很明顯。

  • App 或內部網站裡更輕巧的圖片

    在儀表板、知識庫或行動 App 中顯示報告頁面的團隊,可以儲存 WebP 版本,比保留 PNG 副本更省頻寬和儲存空間。

為網頁選擇解析度

在網路上,重要的是圖片實際顯示的寬度。以美國 Letter 尺寸的頁面來說,用 72 DPI 繪製時寬 612 像素;150 DPI 時寬 1275 像素;300 DPI 時寬 2550 像素。(A4 頁面則分別是 595、1240 和 2480 像素寬。)

  • 72 DPI 適合縮圖、卡片和小型預覽,讀者只需要能認出是哪一頁。
  • 150 DPI 是預設值,能讓一張 Letter 頁面在高像素密度的手機或筆電螢幕上,以約 640 CSS 像素寬顯示時依然清晰,這是文章欄位常見的寬度。
  • 300 DPI 在網路上很少用到。它的像素是 150 DPI 的四倍,所以只留給訪客必須放大看小字的頁面,例如資訊密集的圖表。

檔案大小、品質與透明度

這裡輸出的 WebP 是破壞性壓縮,所以表現和 JPG 很像:檔案較小,在「高」品質下,銳利邊緣周圍會稍微柔化,「中」品質則會再多一點。以 150 DPI 搭配「高」品質,文字很多的頁面依然清楚易讀。含有相片的頁面最能從 WebP 獲益,而純文字頁面不管用哪種格式,本來就很輕。

每一頁都在白底上繪製,所以 PDF 中的透明區域在圖片裡會變成白色。標題和作者等文件中繼資料不會帶過去。圖片中的文字,訪客無法選取或複製,所以重要的文字也請放在周圍的 HTML 或圖片的替代文字中。

特別大的頁面(例如掛圖)會自動縮小,以維持在瀏覽器畫布每邊約 8,000 像素的上限內。

提供 WebP,並準備備用格式

目前使用中的所有瀏覽器都能顯示 WebP。如果你的受眾包括非常舊的瀏覽器或電子郵件程式,可以透過 HTML 的 picture 元素提供 JPG 替代版本。MDN 的圖片檔案類型指南對 WebP 與 JPG、PNG、AVIF 有更深入的比較。

什麼時候不該用 WebP

  • 附件和上傳表單。有些電子郵件程式、辦公軟體和官方平台仍然要求 JPG 或 PNG。遇到這種情況,請提供 JPG。
  • 列印。印表機和排版軟體比較適合無損檔案;這時請用 PDF 轉 PNG 以 300 DPI 繪製。
  • 想要更小的 PDF。如果要保留文件、只是讓它變輕,壓縮 PDF 能保留可搜尋的文字。
  • 以 PDF 形式發布部分頁面。如果訪客應該下載某一章,而不是看圖片,請用分割 PDF 把它切出來。
  • 加密的檔案。要求輸入密碼的 PDF 必須先經過 PDF 解鎖,而且你需要知道那組密碼。

收到 WebP 圖片,卻需要更通用的格式?WebP 轉 JPG 可以幫你轉換。

處理全在本機完成

沒有任何伺服器會看到你的文件:PDF 由你自己的瀏覽器開啟、繪製並編碼成 WebP,然後儲存到你的裝置。想親自確認沒有任何檔案資料離開這個分頁,請照著驗證步驟操作。

常見問題

為什麼 PDF 轉 WebP 在 Safari 中無法使用?

Safari 可以顯示 WebP 圖片,但沒有提供讓網頁編碼 WebP 的方法,所以工具在 Safari 中會回報錯誤。請使用 Chrome、Edge 或 Firefox,或改用 PDF 轉 JPG 轉換。

對 PDF 頁面來說,WebP 比 JPG 小嗎?

在視覺品質相近的情況下通常是,尤其是有相片的頁面。純文字頁面的差距會縮小,因為不論用哪種格式,它們都很好壓縮。

可以製作無損的 WebP 檔嗎?

這個工具做不到,它輸出的是品質 92 或 80 的破壞性壓縮 WebP。如果需要像素完全一致的頁面圖片,請使用 PDF 轉 PNG。

網站圖片應該選哪個 DPI?

可閱讀的頁面預覽用 150 DPI,縮圖用 72 DPI。300 DPI 會讓檔案重很多,只有在讀者必須放大看小細節時才值得。

WebP 圖片會保留 PDF 的透明度嗎?

不會。每一頁在編碼前都會畫在白底上,所以任何透明的區域都會變成白色。

訪客可以從 WebP 圖片中複製文字嗎?

不行,文字是圖片的一部分。請用 PDF 轉文字把文字擷取出來,以真正的文字放在圖片旁邊。

轉換時,我的 PDF 會被傳送到任何地方嗎?

不會。所有步驟都在你的瀏覽器分頁中進行,WebP 檔會直接存進你的下載資料夾。隱私權頁面說明了如何確認。

最後更新:2026年10月8日