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 转图像

无需安装。直接在您的浏览器中工作。

立即开始 →