屏幕截图如何截取高像素图片_如何截取整个网页的屏幕截图

深碍√TFBOYSˉ_ 2021-07-26 14:50 614阅读 0赞

![屏幕截图如何截取高像素图片][97afc7179ac1e2a19ef6220dd93ce5e4.png]

屏幕截图如何截取高像素图片

![83ab043c263fce6a0e487ea8ee8a553a.png][]

A simple screenshot is great for capturing what’s immediately visible on your monitor, but what if you need to capture an entire webpage? Here are three simple ways you can capture a long web page as one continuous image and, in the process, preserve it exactly as it appears to the viewer.

一个简单的屏幕截图非常适合捕获监视器上立即可见的内容，但是如果需要捕获整个网页怎么办？ 您可以通过以下三种简单方法将一个较长的网页捕获为一个连续的图像，并在此过程中将其完全保留给查看者。

## 方法很重要：屏幕截图与打印 **(**The Method Matters: Screenshot vs. Printing**)** ##

Windows 10, macOS, and many browsers allow you to “print” any page to a PDF file. Older versions of Windows also contain the built-in ability to “print” any file to XPS, a PDF-like alternative. Just go to the web page you want, select File > Print, and choose “Microsoft Print to PDF” (if you have it) or “Microsoft XPS Document Writer” (if you don’t). In macOS, click the “PDF” button on the Print dialog.

Windows 10，macOS和许多浏览器允许您将任何页面“打印”为PDF文件。 Windows的较早版本还具有将任何文件“打印”到XPS(类似于PDF的替代方法)的内置功能。 只需转到所需的网页，选择“文件”>“打印”，然后选择“ Microsoft Print to PDF”(如果有)或“ Microsoft XPS Document Writer”(如果没有)。 在macOS中，单击“打印”对话框上的“ PDF”按钮。

Given this, you might be wondering why capturing a screenshot of a webpage even matters. Wouldn’t it be simple enough to just Press Ctrl+P and convert a web page into a PDF or XPS?

鉴于此，您可能想知道为什么捕获网页的屏幕截图甚至很重要。 仅按Ctrl + P并将网页转换为PDF或XPS不够简单吗？

![71223a8dfcccd2b264fae82f51922bee.png][]

While PDF is great for documents, it has an inherent shortcoming when it comes to preserving a webpage. Regardless of the document creator you use, it functions as a virtual printer, which any shortcomings the physical printing process would have (poor column alignment, advertisements overlapping the text, etc.) will appear in the document created by the virtual printer. Further, if the website in question has a specific “print view” to alleviate the aforementioned issues, that means you’re not preserving the webpage as it appears, but preserving the webpage as it is formatted for printing.

虽然PDF非常适合用于文档，但是在保存网页方面存在固有的缺陷。 无论您使用什么文档创建者，它都将充当虚拟打印机，物理打印过程将具有的任何缺陷(列对齐不良，文本重叠的广告等)将出现在虚拟打印机创建的文档中。 此外，如果所讨论的网站具有特定的“打印视图”以缓解上述问题，则意味着您不保留该网页的外观，而是保留该网页的格式以进行打印。

When you use a screen capture tool, you’re not churning the webpage through a document creator. You’re capturing—pixel for pixel—exactly what you see on the screen. Not only is that useful for archival purposes, as you’re getting an exact 1:1 representation of the webpage, but you’re also able to show other people exactly how the page looks as oppose to exactly how the page prints.

使用屏幕捕获工具时，您并没有通过文档创建者来搅动网页。 您正在捕获的像素(逐像素)恰好是您在屏幕上看到的。 这不仅对于存档目的有用，因为您将获得网页的精确1：1表示，而且还可以向其他人确切显示页面外观，而与其他页面的打印方式完全相反。

With that in mind, let’s look at three techniques you can use to capture an entire webpage in a single screenshot: standalone screen capture tools, browser plugins, and a handy web-based service that works wherever you are.

考虑到这一点，让我们看一下可用于在单个屏幕截图中捕获整个网页的三种技术：独立的屏幕捕获工具，浏览器插件以及随处可用的便捷的基于Web的服务。

## 选项一：使用独立的截图工具捕获网页 **(**Option One: Capture a Webpage with a Standalone Screenshot Tool**)** ##

![4f59e1026c019ff5bab5caec1a3306b7.png][]

While the vast majority of operating systems have a built in screen capture tool, that tool is typically pretty basic. It might do a fine job capturing parts of your screen, but it won’t have the bells and whistles necessary to capture a whole webpage.

尽管绝大多数操作系统都具有内置的屏幕捕获工具，但该工具通常是非常基本的。 它可能会很好地捕获屏幕的某些部分，但是它并没有捕获整个网页所需的花哨信息。

Fortunately, there are tons of third party tools that sport  “scrolling capture” or “full page” capture, wherein the screenshot tool will scroll through the webpage for you capturing and stitch the screenshots into one continuous image. The screen capture tool I’ve used for ages, [FastStone Capture][] (Windows, $20, seen above), has this feature; triggered by a toolbar button or by pressing Ctrl+Alt+PrtScn. Note: You can still download the older, free version of FastStone Capture from [The Portable Freeware Collection][] (although this version lacks newer features, it does have scrolling capture).

幸运的是，有大量的第三方工具可以进行“滚动捕获”或“整页”捕获，其中屏幕快照工具将滚动浏览整个网页，以供您捕获并将屏幕快照拼接成一个连续的图像。 我使用了很[长时间][FastStone Capture]的屏幕捕获工具[FastStone Capture][] (Windows，售价20美元，见上文)具有此功能。 通过工具栏按钮或按Ctrl + Alt + PrtScn触发。 注意：您仍然可以从[The Portable Freeware Collection中][The Portable Freeware Collection]下载较早的免费版本的FastStone Capture(尽管此版本缺少较新的功能，但确实具有滚动捕获功能)。

[Screenpresso][] (Windows, free) also has a scrolling capture feature, [as does][] popular capture tool [SnagIt][] (Windows/Mac, $50). When looking for a screen capture tool (or searching through the documentation of the tool you already have) search for the keyword “scrolling” to see if it has the necessary feature.

[Screenpresso][] (在Windows，免费)也有一个滚动捕捉功能， [一样][as does]流行的捕获工具[SnagIt的][SnagIt] (Windows / Mac的，$ 50)。 在查找屏幕捕获工具(或搜索现有工具的文档)时，搜索关键字“ scrolling”以查看其是否具有必要的功能。

## 选项二：使用浏览器插件捕获网页 **(**Option Two: Capture a Webpage with a Browser Plugin**)** ##

![94140ff576aa0712c3c1b94a0b690149.png][]

Standalone screen capture tools are great if you regularly use them, but if your work only requires you to capture webpages once in a while, then it makes more sense to use a browser-based tool.

如果您定期使用独立的屏幕捕获工具，则效果很好，但如果您的工作仅需要偶尔捕获一次网页，则使用基于浏览器的工具更有意义。

While there are more than a handful of browser extension tools out there, we like [Nimbus Screenshot][], seen above. It’s free, it’s available for both [Chrome][] and [Firefox][], and it has a nice clean interface that gets the job done. One click and it captures and aligns the image for you. Better yet, you can easily save the image to your PC when you’re done or upload it to your Google Drive or Slack.

尽管这里有许多浏览器扩展工具，但我们喜欢上面显示的[Nimbus屏幕截图][Nimbus Screenshot] 。 它是免费的，可用于[Chrome][]和[Firefox][] ，并且它具有简洁的界面，可以完成工作。 一键即可为您捕获并对齐图像。 更好的是，您可以在完成后轻松将图像保存到PC或将其上传到Google云端硬盘或Slack。

## 选项三：使用基于Web的工具捕获网页 **(**Option Three: Capture a Webpage with a Web-Based Tool**)** ##

![60998613636f8945dc6ec14abc4af303.png][]

So what if you just need a one-off capture to send to your boss? You don’t have to install something to grab it—as long as the webpage in question is publicly accessible (like a How-To Geek article and not some site you have to log in to first), you can easily use the free [Screen Capture tool at CtrlQ.org][] or the similar tool at [Web-Capture.net][].

那么，如果您只需要一次性将其发送给老板呢？ 您不必安装任何东西即可获取它-只要相关网页可以公开访问(例如How-To Geek文章，而不必先登录某些网站)，则可以轻松使用免费[屏幕在CtrlQ.org Capture工具][Screen Capture tool at CtrlQ.org]或类似工具[Web-Capture.net][] 。

While both tools work well enough, Web-Capture has an edge on two fronts: it allows you to specify the image format, and supports capturing via bookmarklet (so you can put a shortcut in your browser’s toolbar to access the capture service). If you’re new to bookmarklets, [check out our handy guide][].

虽然这两种工具都能很好地发挥作用，但是Web-Capture在两个方面都有优势：它允许您指定图像格式，并支持通过书签进行捕获(因此您可以在浏览器的工具栏中放置快捷方式以访问捕获服务)。 如果您不熟悉书签， [请查阅我们的便捷指南][check out our handy guide] 。

--------------------

That’s all there is to it: whether you’re using a third party tool, a browser extension, or even a web-based tool, you can easily capture an entire webpage in a single image file to preserve it for posterity, your boss, a court case, or whatever reason you have for desiring a perfect pixel-to-pixel representation of a whole webpage.

就是这么简单：无论您使用的是第三方工具，浏览器扩展程序，甚至是基于Web的工具，您都可以轻松地将整个网页捕获到一个图像文件中，以备后用，而您的老板，法庭案件，或出于任何原因想要整个网页的完美像素对像素表示。

> 翻译自: [https://www.howtogeek.com/287992/how-to-take-a-screenshot-of-an-entire-webpage/][https_www.howtogeek.com_287992_how-to-take-a-screenshot-of-an-entire-webpage]

屏幕截图如何截取高像素图片

[97afc7179ac1e2a19ef6220dd93ce5e4.png]: /images/20210726/22d790c5bae34615bdf4a3f6bbbf23d2.png
[83ab043c263fce6a0e487ea8ee8a553a.png]: /images/20210726/34984d7800854cf4921205a38336d28c.png
[71223a8dfcccd2b264fae82f51922bee.png]: /images/20210726/5d8ee0eeddcd40be9e6a3347a3f0c5b4.png
[4f59e1026c019ff5bab5caec1a3306b7.png]: /images/20210726/c79b0c8113104d44969227bb2437220a.png
[FastStone Capture]: http://www.faststone.org/FSCaptureDetail.htm
[The Portable Freeware Collection]: https://www.portablefreeware.com/?id=775
[Screenpresso]: https://www.screenpresso.com/
[as does]: https://www.techsmith.com/tutorial-snagit-mac-scrolling-window.html
[SnagIt]: https://techsmith.pxf.io/c/156932/347799/5161?subId1=content&subId2=%25%25%25articleid%25%25%25&u=https%3A%2F%2Fwww.techsmith.com%2Fstore%2Fsnagit
[94140ff576aa0712c3c1b94a0b690149.png]: /images/20210726/1f1af332aba244a1812649728881dbc9.png
[Nimbus Screenshot]: https://nimbus.everhelper.me/screenshot.php
[Chrome]: https://chrome.google.com/webstore/detail/nimbus-screenshot/bpconcjcammlapcogcnnelfmaeghhagj?hl=en-US
[Firefox]: https://addons.mozilla.org/en-US/firefox/addon/nimbus-Screenshot/
[60998613636f8945dc6ec14abc4af303.png]: /images/20210726/558a75d1c0754054a4d768f8bdc32dd9.png
[Screen Capture tool at CtrlQ.org]: https://ctrlq.org/screenshots/
[Web-Capture.net]: https://web-capture.net/
[check out our handy guide]: https://www.howtogeek.com/189358/beginner-geek-how-to-use-bookmarklets-on-any-device/
[https_www.howtogeek.com_287992_how-to-take-a-screenshot-of-an-entire-webpage]: https://www.howtogeek.com/287992/how-to-take-a-screenshot-of-an-entire-webpage/