關於「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」
- 加入 PDF用 Chrome、Edge 或 Firefox 開啟這個頁面,再把 PDF 拖到工具上或瀏覽選取。文件中的每一頁都會顯示一張縮圖。
- 設定頁面、DPI 和品質保留所有頁面的選取,或點縮圖、輸入像 4-6, 9 這樣的範圍來縮小選取。網頁用途可以先從 150 DPI 搭配「高」品質開始。
- 儲存 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,然後儲存到你的裝置。想親自確認沒有任何檔案資料離開這個分頁,請照著驗證步驟操作。