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 上,其他浏览器一般也基于苹果的 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 能降低整个网页的总体积,当一篇文章里有好几张页面图片时,节省的量相当可观。
应用或内网中更轻的图片
在仪表盘、知识库或移动应用中展示报告页面的团队,可以存储 WebP 版本,比保留 PNG 副本更节省带宽和存储空间。
为网页选择分辨率
在网上,关键在于图片最终显示多宽。以 A4 页面为例,按 72 DPI 渲染宽 595 像素;按 150 DPI 宽 1240 像素;按 300 DPI 宽 2480 像素。
- 72 DPI 适合缩略图、卡片和小预览,读者只需要认出是哪一页。
- 150 DPI 是默认设置,能让一页 A4 在约 640 CSS 像素宽(文章栏的常见宽度)显示时,拥有足够的像素在高密度的手机或笔记本屏幕上看起来清晰锐利。
- 300 DPI 在网页上很少需要。像素数是 150 DPI 的四倍,所以只留给访客必须放大看小字的页面,比如密密麻麻的图表。
文件大小、质量与透明背景
这里输出的 WebP 是有损的,所以表现和 JPG 很像:文件更小,高质量下锐利边缘周围会有极轻微的柔化,中质量下稍明显一些。以文字为主的页面在 150 DPI、高质量下依然清晰可读。含照片的页面从 WebP 中获益最大,而纯文字页面不管用什么格式都已经很轻了。
每一页都在白底上渲染,所以 PDF 中的透明区域在图片里会变成白色。标题、作者等文档元数据不会带过去。图片中的文字访客无法选中或复制,所以重要的文字也要写在周围的 HTML 或图片的替代文字里。
特别大的页面(比如挂图)会自动缩小,以保持在浏览器画布每边约 8000 像素的上限之内。
为 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,然后保存到你的设备上。想亲自确认没有任何文件数据离开这个标签页,请按照验证步骤操作。