↑ ↓ 选择 · Enter 打开 · Esc 关闭

把 PDF 页面转换成网页用的 WebP

用 PDF 页面生成轻量的 WebP 图片,可直接发布到网站上。支持 Chrome、Edge 和 Firefox,文件始终留在你的设备上。

在你的设备上运行——文件从不上传。 如何验证

将 PDF 拖到这里 或 选择文件 一次处理一个 PDF

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:使用步骤

  1. 添加 PDF用 Chrome、Edge 或 Firefox 打开本页,然后把 PDF 拖到工具上,或者浏览选择文件。文档中的每一页都会显示一张缩略图。
  2. 设置页面、DPI 和质量可以保持所有页面选中,也可以点击缩略图或输入 4-6, 9 这样的页码来缩小范围。网页使用的话,150 DPI 配合高质量是一个合理的起点。
  3. 保存 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,然后保存到你的设备上。想亲自确认没有任何文件数据离开这个标签页,请按照验证步骤操作。

常见问题

为什么 PDF 转 WebP 在 Safari 里用不了?

Safari 能显示 WebP 图片,但没有给网页提供编码 WebP 的方法,所以工具在 Safari 中会报错。请使用 Chrome、Edge 或 Firefox,或者改用 PDF 转 JPG。

对 PDF 页面来说,WebP 比 JPG 小吗?

在视觉质量相近时通常是的,含照片的页面尤其明显。纯文字页面差距会缩小,因为这类页面不管用什么格式都很好压缩。

能生成无损 WebP 文件吗?

这个工具不能,它输出的是质量 92 或 80 的有损 WebP。需要像素级精确的页面图片,请使用 PDF 转 PNG。

网站图片应该选多少 DPI?

要看得清的页面预览用 150 DPI,缩略图用 72 DPI。300 DPI 会让文件大很多,只有在读者必须放大查看小细节时才划算。

WebP 图片会保留 PDF 中的透明背景吗?

不会。每一页在编码前都会绘制到白底上,所以任何透明区域都会变成白色。

访客能从 WebP 图片中复制文字吗?

不能,文字已经是图片的一部分。可以用 PDF 转文本把文字提取出来,作为真正的文字发布在图片旁边。

转换时我的 PDF 会被发送到什么地方吗?

不会。一切都在你的浏览器标签页中进行,WebP 文件直接保存到你的下载文件夹。隐私页面说明了如何检查。

最后更新:2026年10月8日