具有高解析度照片的產品目錄 PDF 在桌面顯示器上看起來令人驚嘆,但在手機上卻令人窒息。透過蜂窩數據下載這個 80 兆位元組的檔案需要幾分鐘的時間,由於手機難以解壓縮圖像,頁面呈現緩慢,讀者在到達第三頁之前就放棄了。將這種包含大量影像的目錄轉換為針對行動裝置最佳化的版本可以保留視覺吸引力,同時提供可快速下載和平滑捲動的檔案。
用於行動交付的PDF 壓縮 需要比桌面查看壓縮更激進的設定。行動裝置的螢幕較小,觀看距離較短,這意味著較低解析度的影像也同樣清晰。降採樣至 150 DPI 的照片在 27 吋顯示器上看起來很柔和,但在 6 吋手機螢幕上看起來很清晰。

了解行動裝置觀看限制
行動裝置具有三個影響 PDF 設計的限制:較小的螢幕(通常對角線為 5 至 7 吋)、處理能力低於桌上型電腦以及通常按流量計費的資料連線。針對行動裝置最佳化的 PDF 遵守所有三個限制。
現代手機的螢幕解析度很高,通常超過每英吋 400 像素。然而,實體螢幕尺寸意味著觀看者將裝置握得更近,對影像品質的感知也不同。 PDF 影像 解析度可以降低至 150 DPI,而不會造成明顯的品質損失,因為觀看距離和螢幕尺寸的結合使更高解析度變得難以察覺。
行動 PDF 檢視器通常僅快取當前頁面和相鄰頁面以節省記憶體。包含 300 張高解析度影像的 PDF 迫使檢視者不斷重新載入頁面,從而產生緩慢的滾動體驗。減少影像數量和解析度可以直接提高滾動性能。
嘗試壓縮 PDF
無需安裝。直接在您的瀏覽器中工作。
步驟 1:降低移動螢幕的影像解析度
在預期的顯示尺寸下將所有影像的取樣降低至 150 DPI。對於產品影像在螢幕上顯示約 3 x 3 吋的目錄,這表示每個影像有 450 x 450 像素。僅此一步即可節省 減少 PDF 大小,通常可達原始影像資料的 60% 到 80%。
對產品照片使用品質為 60 的 JPEG 壓縮。在此品質等級下,在正常觀看距離的移動螢幕上看不到壓縮偽影。在一臂距離的 6 吋螢幕上,人眼無法區分 JPEG 品質 60 和品質 90。
WukongPDF 提供基於瀏覽器的壓縮和可設定的影像設定。行動最佳化工作流程可以在一次操作中處理目錄並提供輕量級版本。
步驟 2:優化小螢幕的頁面佈局
最初的目錄是為在桌面顯示器上查看的 letter 或 A4 頁面而設計的。在手機上,這些頁面需要縮放和平移才能閱讀。考慮將目錄重新格式化為更小的頁面尺寸,例如 6 x 9 英寸,這樣更適合移動螢幕。
行動版本中的文字大小應相對於原始版本有所增加。印刷目錄中常見的 9 點正文文字在手機上太小。將正文增加到 11 或 12 點。較大的文字佔用更多空間,但無需縮放即可閱讀。
在寬頁面上工作的多列佈局在窄螢幕上變成單列佈局。如果目錄無法重新格式化為單列,請確保 PDF 檢視器的縮放至適合功能產生可讀取的單列檢視。
第 3 步:簡化觸控互動導航
新增適合手指點擊的較大導航按鈕。桌面 PDF 上 20 x 20 點的按鈕在手機上變成了一個小目標。行動導航按鈕的尺寸應至少為 44 x 44 點,以滿足觸控輔助功能指南。
包括一個持久的目錄按鈕,使讀者返回產品類別索引。在行動裝置上,讀者比在桌面裝置上更頻繁地在各個部分之間跳轉。輕鬆導航回索引可改善瀏覽體驗。
使用內建 PDF 檢視器和 Adobe Acrobat 等第三方檢視器在 iOS 和 Android 裝置上測試行動目錄。平台和檢視器之間的渲染效能和導航行為有所不同。
測試和分發
在分發行動版本之前,請將其與手機上的原始版本進行比較。檢查影像品質、文字可讀性和導航回應能力。行動版本在功能上應與原始版本相同,同時體積要小得多,速度要快得多。
分髮帶有清晰標籤的兩個版本:針對桌面使用者的 Catalog_Full_Resolution.pdf 和針對行動用戶的 Catalog_Mobile.pdf。包括根據所使用的設備推薦適當版本的註釋。
決定是建立單獨的行動 PDF 還是使用響應式 PDF 檢視器取決於受眾。單獨的行動 PDF 可確保最佳體驗,但需要維護兩個文件。
行動數據連接並不總是很快或不受限制。針對行動裝置最佳化的目錄應在下載頁面上包含檔案大小指示器。
圖像延遲載入是網頁設計中的標準,但在 PDF 中不可用。所有圖像從一開始就必須存在且可解碼,這就是為什麼積極的圖像優化至關重要。
行動目錄中影像的色彩設定檔應為 sRGB,以便在行動裝置上保持一致的顯示。 CMYK 影像在行動裝置螢幕上可能會顯示不正確的顏色。
應保留產品頁面連結、電子郵件聯絡人和電話號碼等互動元素。點選電話號碼即可發起通話。
行動目錄檔案大小應在檔案元資料和任何下載頁面上明確傳達。
對於透過行動應用程式分發的目錄,可以使用預先載入頁面的自訂檢視器嵌入 PDF。
在實際設備上定期測試行動目錄可以揭示模擬器遺漏的效能問題。
行動目錄應使用大多數受眾使用的 PDF 檢視器進行測試。
對於無法下載行動目錄的使用者來說,後備選項是逐步載入基於 Web 的目錄。
應記錄移動最佳化工作流程,以便可以針對每個新的目錄版本重複此工作流程。
透過更密集地組合產品清單可以減少行動目錄的頁數。
行動目錄應在 WiFi 和蜂窩連接上進行測試,以驗證現實條件下可接受的下載時間。
某些行動 PDF 檢視器中提供的漸進式載入技術可以顯示前幾頁,同時繼續下載文件的其餘部分。
行動版本檔案名稱應明確表明它針對手機進行了最佳化,以防止用戶下載錯誤的版本。
行動目錄中的產品圖像可以更緊密地裁剪為產品,消除不必要的背景,這些背景會添加像素而不添加資訊。
行動目錄導航應支援垂直滾動而不是水平翻頁,與自然的電話互動模式相符。
行動目錄中的縮圖頁面視圖可協助讀者導覽至特定產品,而無需按順序捲動每個頁面。
移動 PDF 檢視器中提供搜尋功能後,讀者可以立即按名稱或類別尋找產品。
行動目錄應包含聯絡資訊和全解析度目錄的鏈接,供想要更詳細地查看產品的讀者使用。
與代表性使用者一起測試行動目錄可提供自動化測試無法擷取的有關可讀性、導航和整體體驗的回饋。
壓縮的行動目錄 PDF 也適合作為附件嵌入到電子郵件通訊中,收件者可以直接在手機上開啟。
行動目錄代表了與桌面版本不同的閱讀環境。行動閱讀器通常會快速瀏覽、尋找特定產品,並且可能隨時中斷。目錄設計應該支持這種掃描行為。
行動目錄 PDF 中的書籤無需捲動即可快速導航至產品類別。為每個類別標題設定書籤可為行動閱讀器提供可從 PDF 檢視器導覽面板存取的目錄。
對於不需要完全攝影色彩保真度的產品照片,影像的色彩深度可以從 24 位元減少到 8 位元索引色。這種減少在移動螢幕上通常是難以察覺的。
行動目錄中的元資料應表明它是行動版本,以便文件管理系統和搜尋工具將其與全解析度桌面版本區分開來。
行動目錄可以包括每個產品的直接購買鏈接,將目錄從被動的瀏覽體驗轉變為主動的購物工具。
行動目錄中的頁面過渡應設定為淡入淡出或無,以最大限度地減少低功耗行動處理器上的渲染開銷。
行動目錄檔案應在目標受眾中最舊的受支援裝置上進行測試,因為這代表最壞的效能情況。
行動目錄中的字型嵌入可確保文字即使在未安裝目錄字型的裝置上也能正確顯示。
優化良好的行動目錄的大小可以是桌面版本的十分之一,同時在手機螢幕上保持視覺上可接受的效果。
行動目錄最佳化過程應作為分發前的最後一步,在所有內容更新完成後完成。
| 最佳化設定 | 桌面版 | 移動版 | 儲蓄 |
|---|---|---|---|
| 影像解析度 | 300 分辨率 | 150 分辨率 | 60-80% 的影像數據 |
| JPEG 質量 | 90-100 | 60-70 | 額外 30-50% |
| 頁面尺寸 | 信紙/A4 | 6x9 英吋或更小 | 更適合小螢幕 |
| 字體大小(內文) | 9-10分 | 11-12分 | 無需縮放即可閱讀 |
| 導航按鈕 | 標準尺寸 | 最小 44x44 磅 | 觸摸友善的目標 |
嘗試壓縮 PDF
無需安裝。直接在您的瀏覽器中工作。
