DEV Community
·
告别模糊截图：在Chrome中捕获高分辨率图像（无需扩展）
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
使用Chrome开发者工具可以轻松获取高分辨率截图。打开DevTools，切换到设备工具栏，选择设备或自定义尺寸，确保缩放为100%，然后捕获截图。这种方法比操作系统截图更清晰，适合营销和文档使用。
🎯
关键要点
- 使用Chrome开发者工具可以获取高分辨率截图。
- 默认的操作系统截图可能会导致分辨率低、压缩或缩放伪影。
- Chrome DevTools提供更清晰的截图，适合营销和文档使用。
- 打开DevTools并切换到设备工具栏以选择设备或自定义尺寸。
- 确保缩放设置为100%以反映正确的缩放比例。
- 可以选择捕获可见区域或整个页面的全尺寸截图。
- 使用全尺寸截图选项可以捕获整个可滚动页面，适合长着陆页。
- 截图后可以在Figma或Canva中使用，或添加到文档中。
❓
延伸问答
如何在Chrome中获取高分辨率截图？
打开Chrome开发者工具，切换到设备工具栏，选择设备或自定义尺寸，确保缩放为100%，然后捕获截图。
使用Chrome开发者工具截图有什么优势？
Chrome开发者工具提供更清晰的截图，避免了操作系统截图可能导致的低分辨率和压缩伪影，适合营销和文档使用。
如何确保截图的缩放比例正确？
在设备工具栏中，确保缩放设置为100%，这样截图才能反映正确的缩放比例。
可以捕获整个页面的截图吗？
可以，选择“捕获全尺寸截图”选项可以捕获整个可滚动页面，适合长着陆页。
截图后可以用来做什么？
截图可以用于Figma或Canva的设计，添加到文档中，或用于着陆页和博客文章。
如何打开Chrome的开发者工具？
右键点击页面并选择“检查”，或使用快捷键Cmd + Option + I（Mac）或Ctrl + Shift + I（Windows/Linux）。
➡️
