高清截图：怎样截出高分辨率的网页
2026年10月31日 · 1 min read
要做高清截图，请按屏幕的完整分辨率截图，保存为 PNG 而不是 JPG，截小细节前先放大。如果想让网页比屏幕能显示的更清晰，打开 Chrome DevTools，把设备像素比（DPR）设得更高，比如 2 或 3，再使用 Capture full size screenshot：图片会按正常尺寸的这个倍数渲染。
截图为什么会模糊
截图只是复制屏幕上的像素。如果窗口很小、页面被缩小显示，或者文件保存成了压缩的 JPG，细节就会丢失。事后放大图片也找不回来。
截取高分辨率截图的方法
| 方法 | 改变了什么 | 适合 |
|---|---|---|
| 保存为 PNG | 文字和边缘没有压缩痕迹 | 界面、文字、示意图 |
| 截图前放大 | 需要的区域占用更多屏幕像素 | 图表或表格 |
| 用更高 DPR 的 Chrome DevTools | 按 2 倍或 3 倍渲染页面 | 用于打印、幻灯片或 Retina 屏的网页 |
方法 1：用 PNG，不用 JPG
PNG 能让文字和界面边缘保持清晰；JPG 会压缩图片，可能让细线变糊。只有在文件大小比细节更重要时才用 JPG。
方法 2：先放大
按 Ctrl + +（Mac 上是 Cmd + +）放大页面，再截取区域。同一个图表现在占用更多屏幕像素，打印或投影时就很清晰。
方法 3：Chrome DevTools 中的像素比
Chrome 设备模式文档 解释说，DPR 是屏幕物理像素与逻辑（CSS）像素的比值。你可以自己设置：
- 打开 DevTools（F12，Mac 上是 Cmd + Option + I），点击手机和平板图标开启设备模式。
- 点击 More options（三个点）> Add device pixel ratio。
- 在页面上方的工具栏里，从新出现的 DPR 菜单中选一个值，比如 2 或 3。
- 在同一个 More options 菜单中，选 Capture screenshot 截可见部分，或选 Capture full size screenshot 截整个页面。
DPR 相当于分辨率倍数：宽 1920 像素的视图在 DPR 为 2 时，会得到宽 3840 像素的图片，这篇分步指南 有示例。该指南也提醒，全尺寸截图并不是在所有网站上都完美。DevTools 的其他截图命令见 Chrome 截图快捷键，完整步骤见 Chrome 整页截图。
日常截图时，Full page screenshot 会把整个页面或选定区域保存为 PNG，这种格式能保持文字清晰。需要 2 倍或 3 倍图片时，请用上面的 DevTools 方法。
常见问题
Windows 上怎么截高分辨率截图？
把屏幕设为推荐分辨率，窗口最大化，放大区域，再用 Windows + Shift + S 截图。网页请用 DevTools 的 DPR 方法。
截图的分辨率能比屏幕还高吗？
用系统快捷键不行。Chrome DevTools 通过自定义 DPR，可以按 2 倍或 3 倍渲染网页。
截图用 PNG 还是 JPG？
文字和界面用 PNG；需要更小的文件、细节不那么重要时用 JPG。