Tips & Tricks

如何將 PDF 頁面轉換為 WebP 影像

WebP 是 Google 開發的圖像格式,在同等視覺品質的情況下,它提供的檔案大小比 JPEG 或 PNG 更小。網站、內容管理系統和數位發布平台已廣泛採用 WebP,因為頻寬節省直接轉換為更快的頁面載入時間。當 PDF 包含需要在 Web 上提取和使用的圖像時,將這些頁面轉換為 WebP 而不是 JPEG 或 PNG 會產生平均小百分之三十到百分之五十的文件,並且沒有明顯的質量損失。將PDF 到映像 轉換為 WebP 需要明確支援該格式的轉換工具,因為大多數 PDF 軟體預設匯出為 JPEG 或 PNG。

How to Convert PDF Pages to WebP Images

為什麼選擇 WebP 而不是 JPEG 或 PNG 進行 PDF 頁面匯出

WebP 以相同的格式提供有損和無損壓縮,這表示您可以套用與頁面內容相符的壓縮類型。包含照片的 PDF 頁面使用有損 WebP 可以更好地匯出,這樣可以保留照片的連續色調和平滑漸變,同時產生的檔案明顯小於同等品質的 JPEG。包含文字、圖表或線條藝術的 PDF 頁面使用無損 WebP 可以更好地匯出,它可以完全保留原始像素,同時產生比 PNG 小得多的檔案。

對於 PDF 中常見的內容類型,WebP 相對於傳統格式的檔案大小優勢最為明顯。文字較多的頁麵包含大面積的均勻白色或淺色背景以及高對比度黑色文本,在無損 WebP 中壓縮效果特別好,因為格式遊程編碼可以有效處理大的均勻區域。從 PDF 頁面匯出的簡報投影片結合了文字、向量圖形和偶爾的照片,受益於在單一 WebP 檔案中混合有損和無損壓縮的能力。 PDF 質量 匯出到 WebP 可以保留文字和向量元素的清晰度,同時僅對攝影區域應用有損壓縮。

WukongPDF

嘗試 PDF 轉圖像

無需安裝。直接在您的瀏覽器中工作。

立即開始 →

尋找支援 WebP 輸出的轉換器

大多數主流 PDF 應用程式不包含 WebP 作為內建匯出格式。 Adobe Acrobat 可以匯出為 JPEG、PNG、TIFF 和 JPEG 2000,但不能匯出為 WebP。在 Mac 上預覽導出為 JPEG、PNG 和 TIFF。要將 PDF 頁面轉換為 WebP,您通常需要以下三個選項之一:基於瀏覽器的 PDF 轉換平台、可以匯入 PDF 頁面和匯出 WebP 的圖像編輯應用程序,或 ImageMagick 或 FFmpeg 等命令列工具。

基於瀏覽器的轉換平台提供了最簡單的路徑。上傳 PDF,選擇 WebP 作為輸出格式,然後下載轉換後的頁面。 WukongPDF和類似平台支援PDF到影像轉換為多種格式,包括WebP,並在伺服器端處理轉換,這表示您的電腦不需要安裝任何影像處理軟體。命令列工具提供了對輸出品質和壓縮設定的更多控制。帶有 -quality 標誌的 ImageMagick 轉換命令可讓您在 0 到 100 的範圍內指定有損壓縮等級。 FFmpeg 可以使用其 libwebp 編碼器和逐幀提取將 PDF 頁面轉換為 WebP。

設定 WebP 輸出的解析度和品質

PDF 頁面光柵化的解析度決定了 WebP 輸出的像素尺寸。對於 Web 顯示,150 DPI 的解析度可產生足夠清晰的圖像,適合大多數網站使用,同時保持檔案大小易於管理。對於高解析度螢幕,300 DPI 可提供 Retina 品質的影像,但代價是檔案較大。如果 PDF 頁面將用作網站英雄圖像或全角橫幅,請根據網站佈局計算所需的像素寬度並相應地設定 DPI。具有 1200 像素寬內容區域的網站以全寬顯示信紙大小的 PDF 頁面需要約 141 DPI。

有損 WebP 的品質設定範圍為 0 到 100,數值越高,產生的檔案越大,壓縮偽影越少。品質設定 80 是通常建議的 Web 影像平衡,產生的檔案明顯小於品質 80 的同等 JPEG,同時保持視覺奇偶性。對於文字較多的頁面,請將品質提高到 90 或 95,因為文字字元周圍的壓縮偽影比照片區域中的偽影更明顯且更容易分散注意力。 WukongPDF 允許您在轉換前調整PDF 匯出 品質設置,以便您可以平衡每批頁面的檔案大小和視覺品質。

將多頁 PDF 轉換為單獨的 WebP 文件

將多頁 PDF 轉換為 WebP 時,請決定每個頁面是否應成為單獨的 WebP 文件,或是否應將頁面組合成動畫 WebP 序列。對於大多數用例,每頁單獨的文件更實用。它們可以單獨上傳到網站,插入到部落格文章的不同位置,或作為獨立圖像共享。大多數轉換工具預設為每個輸入頁面產生一個輸出文件,並使用數字後綴命名它們,例如 document-page-001.webp、document-page-002.webp。

動畫 WebP 將多個頁面組合成一個文件,該文件作為序列播放,類似於動畫 GIF。此格式對於您想要顯示投影片進度的簡報很有用,或者對於應按順序查看兩個頁面的前後比較很有用。動畫 WebP 格式支援計時控制,因此您可以設定每個頁面在轉換到下一個頁面之前顯示的時間。但是,對於多頁文檔,動畫 WebP 文件可能會變得非常大,並且並非所有圖像檢視器都支援動畫變體。

將 WebP 整合到現有影像工作流程中

如果您目前的工作流程從 PDF 頁面產生 JPEG 或 PNG 影像,並且您正在考慮切換到 WebP,請先執行測試批次。以同等品質設定將 10 個代表性 PDF 頁面轉換為 WebP、JPEG 和 PNG。比較所有三種格式的檔案大小和視覺品質。檔案大小比較可確認切換到 WebP 是否能為您的特定內容類型帶來有意義的節省。視覺比較確認不會出現需要調整 WebP 壓縮設定的意外品質問題,例如顏色偏移或文字渲染偽影。

對於透過內容傳遞網路提供圖像的網站,請檢查 CDN 是否支援自動 WebP 轉換。對於支援它的瀏覽器,Cloudflare、Cloudinary 和 imgix 都可以將上傳的 JPEG 或 PNG 映像即時轉換為 WebP,這意味著您可以繼續將 PDF 頁面匯出為高品質的 PNG 文件,並讓 CDN 透明地處理 WebP 轉換。這種方法簡化了 PDF 匯出步驟,同時仍為網站訪客提供 WebP 效能優勢。

處理 Web 顯示的色彩空間轉換

轉換為 WebP 以供 Web 使用的 PDF 頁面應使用 sRGB 色彩空間,這是 Web 和行動顯示的標準。如果 PDF 包含用於列印的 CMYK 色彩空間中的影像,則轉換為 sRGB WebP 可能會產生顯得暗淡或偏移的顏色。轉換之前,請檢查 PDF 頁面是否包含 CMYK 影像,如果包含,請使用在匯出過程中明確處理 CMYK 到 sRGB 色彩空間轉換的轉換工具。

對於要為內容管理系統批次轉換為 WebP 的 PDF,批次重新命名輸出檔案以遵循一致的 SEO 友善命名約定。使用包含相關關鍵字的描述性名稱(例如 Annual-report-revenue-chart.webp),而不是 page-001.webp。搜尋引擎無法讀取圖像檔案的內容,但它們會對檔案名稱建立索引,並且描述性名稱有助於圖像搜尋可見性。

將 PDF 頁面轉換為 WebP 後,在發布之前在實際網頁上測試圖像。在測試頁面中嵌入一些範例 WebP 影像,並在不同的瀏覽器和裝置上查看它們。較舊 iOS 版本上的 Safari 對 WebP 支援有限,雖然當前版本可以正確處理 WebP,但快速的跨瀏覽器測試可以防止發現您的圖像對於部分受眾來說是損壞的。

WebP 還支援透明度,這在轉換包含要覆蓋其他內容的徽標或圖形的 PDF 頁面時非常有用。如果 PDF 頁面具有透明背景或包含帶有 Alpha 通道的元素,請匯出至無損 WebP 以保留透明度。 JPEG 根本不支援透明度,因此來源中的任何透明區域都將用白色填滿。

對於 PDF 到 WebP 的自動化內容管道一部分的轉換,許多影像處理庫(包括 libwebp)提供了可以從 Python、Node.js 或 PHP 腳本呼叫的 API。將 WebP 轉換整合到管道中完全消除了手動匯出步驟。

從 PDF 頁面轉換而來的 WebP 影像可以使用品質為 80 的有損壓縮進一步優化,而大多數內容類型不會出現明顯的品質下降。生成的文件通常足夠小,可以快速移動加載,同時保留詳細圖表和文字的足夠品質。

將 WebP 圖片上傳到網站時,請為不支援 WebP 的舊版瀏覽器新增後備 JPEG 或 PNG。 HTML 中的圖片元素透過先列出 WebP 來源、然後列出後備格式來優雅地處理這個問題。

較小的文件大小、對有損和無損壓縮的支援以及不斷增長的瀏覽器支援的結合使 WebP 成為用於 Web 使用的 PDF 頁面導出的最實用的圖像格式。

這使得 WebP 成為源自 PDF 原始文件的現代 Web 發布工作流程的首選。

WukongPDF

嘗試 PDF 轉圖像

無需安裝。直接在您的瀏覽器中工作。

立即開始 →