最高质量的网站截图?


16

我创建了一个网站,想要添加到我的投资组合中,但是我很难获得整个网站的高质量屏幕截图。我试图将网站另存为PDF,但是其中充满了错误,其他在线服务无法重新创建图像,等等。我还试图将Mac上的常规屏幕截图放到一起,但是当我按比例缩小时,它确实失去了很多质量。

有什么好主意吗?:)


您能否提供一个示例,说明正在发生的事情?
cclark413 2014年

当您说“作品集”时,您是指可以在数字媒体上或在线发布的实体照片(打印在纸上)或图片集合(JPG,PNG)?
发呆2014年

我非常感兴趣,为什么OP尝试使用的Mac屏幕截图没有比下面的解决方案更好。我不知道任何Hi Def屏幕截图,因此如果有人可以向我解释一下。此外,我也对缩放问题感兴趣。通常情况是相反的。当然,当您按比例缩小某些内容时-可以减少像素代表图像的空间,但是会损失“质量”吗?也许您的缩放百分比使它以这种方式显示?尝试100%
cclark413 2014年

1
1920x1080屏幕分辨率(1080p)给出了适合6.4 x 3.6英寸的打印图像
horatio

Answers:


16

在Firefox中,您可以使用打开控制台Shift+F2并使用screenshot --fullpage

要在保留文本质量的同时将其缩放为不同的尺寸和大小,请使用Ctrl+Shift+M(或Cmd+Opt+M在OS X上)进入响应式设计查看器并根据需要调整大小(您也可以使用它以比监视器支持的分辨率更高的分辨率截取屏幕截图,或获取图片平板电脑/移动设备观看次数)。无需插件。

大例子

小例子


7

如果您想在网站上截取完整的屏幕截图,可以使用此Google Chrome插件

这将制作几个屏幕截图(滚动时),并将它们组合成一个.png图像。

您只需要单击插件,然后选择“捕获整个页面”。

在此处输入图片说明


我个人使用了,这使得保存文件非常容易。
伊塞拉2014年

屏幕截图应在我自己的网站上的投资组合中使用。我已经尝试了Awesome屏幕截图和Web页面屏幕截图,但是它们在我尝试捕获的页面上不起作用。视差效果会破坏屏幕截图,并且当用户向下滚动到屏幕时,该元素首次出现时不会出现在屏幕截图上。我看过一些可以将css转换为vector的解决方案,这很完美,但是它们似乎破坏了页面的结构,无法处理图像。
McKeene 2014年

1
视差是无法在静止图像中捕获的动画。尝试禁用背景图像,然后使用屏幕截图和源文件制作合成图像。
horatio 2014年

1
我也用这个 太棒了。但是,它不适用于本地文件。您需要先托管html页面。也有goog ol的打印屏幕。如果您想要一个快速的屏幕捕获工具来捕获运动/视差,请尝试Screencast-o-matic。它是基于Web的,视频输出质量很好。
约翰

1

我建议使用Faststone Capture,也可以在浏览器外部使用它进行其他操作。不幸的是,正如@McKeene所提到的,由于滚动效果,将单个图像粘贴到一个大图像时会遇到问题。

家庭用户可以免费使用5.3版(德语下载)。否则,最新版本约为20美元。

FastStone Capture屏幕截图



1

我最近开始在Mac上使用Pagelayers,对此我感到非常满意。

我喜欢的一些东西:

  • 可以以自定义宽度和无限高度生成Psd。

  • 生成的psd分为组和层。

  • 可以直接保存到PNG

一些令我困扰的事情:

  • 需要将页面加载到应用程序上。没有chrome扩展名。这可能非常繁琐,尤其是当您只需要简单的屏幕截图时。(我最大的抱怨)
  • 生成的psd文件可能很大。

您可能不喜欢的事情:

价钱:£20

我有一个不同的用例,因此可以证明价格合理,但是如果您只需要简单的屏幕截图,则可能不需要。

希望这可以帮助。


1

以防万一有人想阅读所有答案而对上述答案不满意(这也非常好),还有另一个适用于Firefox的屏幕截图插件:“ Screengrab!”。。我不知道可以得到什么分辨率,但是整个当前页面都将显示在屏幕截图上,而不仅仅是可见部分。另外,您可以去抓取指定的选择内容或仅抓取屏幕的当前可见部分,它将保存为png格式。


您获得的分辨率取决于您所使用的显示器的显示配置。
拉斐尔
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.