PDF转WebP转换器
在网页中嵌入PDF,访客必须先下载整个文档才能看到内容。把页面转换为WebP后,就得到了普通图片:随页面直接加载,跟随版面缩放,而且比同样页面的JPG或PNG更小。
PDF 转图片
或将PDF 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
页码或页码范围,用逗号分隔,例如 1-3, 5。
85 可保持文字清晰。仅在图片太大无法上传时才调低。
“黑白”生成纯黑和纯白像素,适合扫描文字,文件非常小。
每一页会生成单独的图片。ZIP 会将它们放在一起,并按页码顺序编号。
使用方法
- 1
上传PDF
选择一份宣传册、菜单、幻灯片或报告,也可以一次上传最多 20 个 PDF,每个不超过 95 MB。
- 2
按你要制作的网页调整设置
本页默认 150 DPI、音质 80。做缩略图可降到 100 DPI;如果页面要放在彩色板块上,请勾选透明背景。
- 3
转换为 WebP
点击转换为 WebP,下载按序号命名的图片 ZIP 包,可直接上传到 CMS 或图片 CDN。
为什么要为网站把PDF转成WebP
Google 于 2010 年发布了基于 VP8 视频编码的 WebP,目的是减轻网页图片的体积。对 PDF 页面来说,好处体现在两个方面。与 PNG 相比,含照片或渐变的页面会明显变小,因为 WebP 会舍弃你看不出来的细节。与画质相近的 JPG 相比,文件通常还要更小,这对有十几页的餐厅菜单或产品目录很有意义。
在默认的 150 DPI 下,A4 页面为 1240 × 1754 px,US Letter 页面为 1275 × 1650 px。放在 600 至 700 px 宽的内容栏里,即使在高密度手机屏幕上也足够清晰。若只是做页面缩略图网格,72 至 100 DPI 就够了。WebP 本身限制图片最大为 16383 × 16383 px,只有在以 600 DPI 渲染超大图纸时才会碰到这个上限。
PDF页面的WebP质量设置
- 50
仅适合缩略图;文字边缘会模糊
- 70
照片较多的页面、产品目录
- 80
本页默认值:图文混排
- 90
小号字体、彩色文字、图表
- 100
文件最大,很少值得使用
WebP 页面适合的场景
- 展示文档预览的博客文章和落地页
- 在手机上查看的在线菜单、传单和目录
- 默认输出 WebP 的图片 CDN 和 CMS
- 借助透明背景放在彩色底色上的页面
更适合选其他格式的场景
- 邮件附件,部分桌面客户端仍会把 WebP 当作普通文件显示
- 打印,300 DPI 的 PNG 或 TIFF 更稳妥
- 需要每份文档只保留一个文件的归档
- 需要在旧版桌面软件中编辑的页面
便携式文档格式(PDF)
PDF 由 Adobe 于 1993 年创建,并在 2008 年成为开放的 ISO 32000 标准。它固定了文字、字体、图片和版式,使文档在每块屏幕和每台打印机上看起来都一样。PDF 可以包含表单、签名、链接、附件和可搜索文本,其中 PDF/A 变体用于长期归档。固定的版式使 PDF 难以编辑,而扫描版 PDF 除非经过 OCR,否则只包含图片。所有浏览器和操作系统都能打开。
- 压缩方式
- –
- 透明度
- 支持
- 动画
- 不支持
- 发布年份
- 1993 · Adobe
WEBP
WebP 图片
WebP 是 Google 于 2010 年发布的图片格式,目的是让网页加载更快。它在同一种格式中同时支持有损和无损压缩、Alpha 透明和动画。在视觉质量相近的情况下,有损 WebP 文件通常比 JPEG 小 25–35%,无损 WebP 通常比 PNG 更小。目前所有主流浏览器都支持它,但一些较旧的桌面软件、打印服务和上传表单仍然不接受。Windows、macOS 和大多数现代图片编辑器都可以打开 WebP 文件。
- 压缩方式
- 有损或无损
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2010 · Google
当 PDF 页面需要作为快速加载的图片显示在网站、博客文章或网店中,而不是作为文档下载时,就会把它们转换为 WebP。
将PDF页面发布为WebP图片
上线前先给文件命名。ZIP 包按页码编号,请把 page-01.webp 改成类似 spring-menu-page-1.webp 的名称,让网址能描述内容。在 HTML 中加上 width 和 height 属性,避免图片加载时版面跳动,并对第一页之后的所有页面启用懒加载。
在图片旁边保留原始 PDF 的链接,方便想打印或搜索文字的人使用。想了解 WebP 与 AVIF、HEIC 在网站其他部分的对比,请阅读我们的AVIF、HEIC 和 WebP 详解。
PDF转WebP常见问题
一个WebP文件能包含多页PDF吗?
不能。WebP 没有“页”的概念,它唯一的多图功能是动画,而那是另一回事。每一页 PDF 都会生成独立的 .webp 文件,并在 ZIP 中按页码顺序编号。
网站上的PDF页面应该用什么质量设置?
对于文字与照片混排的页面,80 左右通常最合适。以文字为主的页面在 70 以下,边缘可能发虚并带有轻微色边,如果页面主要是小号字体,请把音质提高到 90 左右。
现在所有浏览器都能显示WebP图片吗?
Chrome、Edge、Firefox 和 Opera 多年前就已支持 WebP,Safari 也在 2020 年的 14 版中加入了支持。如今访客常用的浏览器都能显示这些图片,所以很少需要准备 JPG 备用图。
搜索引擎能读取WebP页面图片中的内容吗?
搜索引擎索引的是图片本身,而不是图片里的文字。请为每张图片写上描述性的 alt 文本,并把页面的关键文字以 HTML 形式放在图片旁边,或者附上原始 PDF 的链接,这样完整文字仍可被抓取。
为什么WebP中文字周围的颜色有点模糊?
有损 WebP 以亮度一半的分辨率保存颜色,这种技术叫色度子采样。黑色文字没有问题,但细小的红色或蓝色文字可能出现渗色。可以提高音质,或者对满是彩色小字的页面使用PDF转PNG。
如果以后有人需要JPG格式的页面怎么办?
如果邮件客户端、旧版编辑器或上传表单不接受 WebP,可以用 WebP转JPG 转换这些文件。