JPG · PNG · WebP · srcset 1× 2× 3×

Convert PDF pages to web-ready images in one drop.

营销页面、博客文章、白皮书预览——每种都需要将PDF作为适当大小的图像。此工具以网页DPI渲染每个页面，导出WebP并提供JPG备用，并提供即用的srcset标记。Turn a PDF into web-ready images in one drop.

imageJPG · PNG · WebP aspect_ratioWeb DPI tuned codeSrcset markup cloud_offNo upload, ever
imageConvert to Web Images play_arrowSee how it works

WebP + JPG fallback, srcset-ready, manifest.json with alt suggestions. No account required.

每个网页位置都有理想的文件大小。以下是你的目标。

以300 DPI输出PDF页面会使你的Lighthouse评分大幅下降。以下是预设目标的最佳范围。

Web JPG sweet spot
80–120KB
1×网页DPI下质量75–82。正常缩放下伪影不可见。
Retina 2× assets
200–400KB
用于高DPI屏幕的双密度资源。仍在500 KB LCP预算以内。
Hero image
100–300KB
Above-the-fold splash. Prioritise WebP; JPG fallback below 300 KB.
Blog inline
50–150KB
Body-flow image. Aim small — readers scroll past if loading blocks.
Email newsletter
80KB max
Outlook & Gmail aggressively proxy-compress anything bigger.

Built for 为网页优化，而非打印机.

不是将300 DPI打印图像倾倒到你CMS的通用栅格化工具——本页面专为将PDF页面作为网站资源发布进行了端到端调优。

aspect_ratio
DPI tuned for web, not print.
打印PDF的分辨率为300 DPI，而网页图片在1×下只需72–96 DPI（2×视网膜屏需150–200 DPI）。此工具按预设自动降采样——博客（1× @ 72 DPI）、主视图（2× @ 144 DPI）、新闻邮件（1× @ 72 DPI，较高压缩）。图片在设备上清晰显示，无需手动调整即可通过Lighthouse检测。
4 ×
与源300 DPI栅格化相比文件更小——屏幕显示效果完全一致。
dynamic_feed
将整个PDF批量导出为srcset格式。
勾选“响应式srcset”，每页将以1×、2×和3×导出。输出包含 manifest.json with pre-built srcset 每页对应的字符串——粘贴到模板中即可上线。
public
WebP for modern, JPG fallback.
每页同时导出WebP（体积更小，适合现代浏览器）和JPG（通用格式）。在 <picture> 元素中组合使用，浏览器自动选择合适格式。完整兼容，老旧客户端不会出现图片损坏。
lock
Local conversion, no upload.
完全通过PDF.js在浏览器中渲染。如需通用格式转换，请参阅 our no-upload converter.

通用PDF转图片与本工具对比 live race

相同目标：将10页PDF以图片形式发布到营销页面。观察打印DPI与网页DPI的差异。

hourglass_top
Generic PDF-to-JPG site
Upload, rasterize at 300 DPI
0:00
  1. Upload 10-page PDF to server
  2. Rasterize each page at 300 DPIPrint DPI
  3. Each JPG: 1.2–1.8 MBToo big
  4. No WebP, no srcset, no altManual
  5. Signup wall before ZIP downloadSignup
  6. Lighthouse LCP score drops 20 ptsSlow
Total images
0 MB
Web-ready
No
Srcset markup
None
VS
image
This tool
Web DPI, WebP + JPG, srcset
0:00
  1. Drop PDF — pick "Hero" presetPreset
  2. Render at 2× web DPI, export WebP + JPGTuned
  3. Download ZIP + srcset manifest ✓Shipped
check_circle
页面Lighthouse得分98分——而其他网站的300 DPI图片还在加载中。
Web DPI. Srcset-ready. Local.
Total images
0 MB
Web-ready
Yes
Srcset markup
Yes
动画在滚动时播放一次——点击重播再次观看。

Three steps. Any web slot.

无论嵌入博客、营销主视图还是电子邮件新闻简报，流程完全相同。

1
Drop your PDF
一秒内加载到浏览器内存。无上传，无进度条，无队列。文件仅存在于你的设备上。
2
Pick a web preset
主视图（2× 100–300 KB）、博客内嵌（1× 50–150 KB）、新闻邮件（1× 最大80 KB），或自定义DPI+质量。切换“响应式srcset”可一次性获取1×/2×/3×多尺寸版本。
3
Download and embed
ZIP contains WebP + JPG per page plus manifest.json 附带可直接粘贴的 srcset 标记代码，放入CMS即可上线。

Related tools

Different context, same local-only model.

PDF to JPG online
通用JPG导出，支持任意DPI——打印质量与网页质量一体化。
PDF to PNG online
无损PNG导出，适用于截图、图表和透明背景图片。
PDF format converter
PDF ↔ Word, Excel, HTML, TXT, EPUB — all local, no server upload.
All no-upload PDF tools
Full local-only toolkit: convert, compress, merge, split, sign.

Frequently asked questions

如何将PDF转换为适合网站使用的图片？
将PDF拖放到此页面，选择网页预设（主视图、博客内嵌、新闻邮件），工具会将每页渲染为针对网页优化的JPG、PNG或WebP。每张图片均按目标位置调整尺寸和压缩率。文件以ZIP格式下载，可直接放入网站资源文件夹。如需通用转换，请参阅 PDF to JPG online or the full converter.
网页应使用JPG、PNG还是WebP？
相同视觉质量下，WebP比JPG小约30%，且所有现代浏览器均支持。通过<picture>元素配合JPG降级方案使用。PNG仅适用于截图或含硬边缘、透明度的图片；对于摄影风格的PDF页面，JPG或WebP在文件大小上始终更优。参阅 PDF to PNG if PNG is a hard requirement.
网页使用时PDF页面应转换为多少DPI？
72–96 DPI是网页1×渲染的标准；视网膜2×资源需要150–200 DPI。打印PDF通常为300 DPI——直接以源DPI转换会产生不必要的大尺寸网页图片。此工具会自动降采样到你所选位置（博客、主视图、新闻邮件）的合适DPI。如需打印DPI，请参阅 the general JPG converter.
Can I generate srcset variants in one pass?
是的——选择“响应式srcset”，工具会为每页导出1×、2×和3×变体，并附带可直接粘贴的 srcset 属性字符串。将标记代码放入模板，浏览器会根据设备自动选择合适尺寸。
将PDF转换为网页图片时会上传文件吗？
不会。渲染通过PDF.js和canvas图像编码器在浏览器中运行。DevTools → 网络显示零上传。隐私模式与 PDF to JPG, PDF to PNG，以及以下所有工具相同 our no-upload hub.
将PDF转换为网站图片需要注册吗？
不需要。无需账户，不采集邮件，无每日限制。拖入PDF，选择预设，下载图片压缩包。与以下工具相同的免注册模式： the format converter 以及我们本地化工具中心的所有工具。
Can I batch-export a whole PDF as web images?
是的——40页PDF生成40张可直接上传的图片（启用srcset 1×/2×/3×则生成120张）。输出文件名格式如 page-01.webp, page-01@2x.webp ，CDN或静态网站生成器无需重新映射即可识别。如果源PDF较大，请先通过 compress for email first.
PDF页面转换的网页图片理想文件大小是多少？
博客内嵌：50–150 KB。主视图：100–300 KB。视网膜2×资源：200–400 KB。新闻邮件内嵌：最大80 KB（Outlook和Gmail会对更大文件进行代理压缩）。此工具为每个位置提供预设，无需手动调整质量。
如何只将PDF的特定页面而非整个文档转换为图片？
选择“自定义范围”并输入页码（如3,5,7–10）。只有这些页面会被渲染和导出。如需特定图片格式，请参阅 PDF to JPG or PDF to PNG 了解对应格式的操作流程。
Does the converter preserve text sharpness?
2×视网膜DPI下，转换页面中的文字保持清晰。在典型1080p显示器的1×DPI下，小号正文可能略有模糊——这是在网页分辨率下栅格化文字的固有特性。如果PDF页面含有需要清晰呈现的细小正文，请以2×导出（或通过 the format converter).
Can I convert password-protected PDFs?
是的——在浏览器中输入密码。解密在栅格化之前本地完成。你的密码不会离开页面。与 PDF to JPG，并可通过 encrypted transfer.
Does it work offline?
是的。联网加载一次页面后切换到飞行模式——转换仍会继续，因为渲染在浏览器中运行。相同的本地模式适用于 the full privacy-first suite, including compress for email and merge without upload.
转换后的图片可以用于商品列表或营销页面吗？
是的——这正是本工具的目标应用场景。白皮书预览缩略图、宣传册预告、产品页数据表预览、杂志风格博客嵌入。网页预设压缩为对电商友好的文件大小，不影响Lighthouse评分。如果源PDF非常大，请先 split it 提取所需页面。
导出图片的alt文本和SEO元数据如何处理？
The tool exports a sidecar manifest.json 包含每张图片的源页码、建议的alt文本（取自PDF页面的第一行文字）以及推荐的 srcset 标记代码。放入图片，将清单建议的alt文本粘贴到CMS，完成。
Can I also extract individual images embedded inside the PDF, not rasterize pages?
流程不同。此工具对页面进行栅格化（表格、布局、字体均按原样呈现）。如需提取嵌入的源图片（PDF中实际包含的JPEG/PNG字节），请使用 PDF to JPG 在提取模式或 the general converter。栅格化页面几乎总是网站使用的最佳选择，因为它保留了布局。

从PDF到 web-ready images in one drop.

拖入PDF，选择网页预设，工具以合适的DPI渲染每页，生成WebP+JPG和srcset标记代码。无需上传，无水印，无Pro限制。

imageConvert to Web Images — Free