如果想要获得网站缩略图,除了用截图工具外,还可以使用浏览器的截屏功能。目前国内主流的浏览器几乎都支持网页截屏。有些是自带截屏工具,如遨游、360,有些是通过插件(或工具条)实现截屏功能,如Firefox、Chrome、IE系(通过工具条实现截屏)等浏览器。不过这些都是基于客户端的网页截屏工具。最近发现一个在线生成网站缩略图的工具:shrinktheweb。通过该网站提供的功能,可以在线生成网站缩略图。
官方网站:http://www.shrinktheweb.com/
网站语言:英语
下面我就简单和大家分享一下这个工具的使用方法。
简单应用
shrinktheweb提供的缩略图生成功能,能够生成多种不同尺寸的缩略图。进入shrinktheweb.com,在该网站首页的下方,提供了输入网址的入口,当您输入您想截图的网站地址后,点击生成按钮,即可生成不同尺寸的网站截图。如下图所示:
在上图文本框中,输入我的博客的网址后,生成的效果如下图所示:
它提供了6种不同尺寸的缩略图,尺寸分别是:320×240、200×150、120×90、100×75、90×68和75×56。从上图可以看出,这里只是是网站部分(上面部分)的截图,并非整站截屏。另外,经过我的测试,通过这种方式生成的缩略图,只能生成网站首页的缩略图,当输入网站某一详细页面的地址后,生成的缩略图仍然是首页的截图。
在线生成网站缩略图,对普通用户来讲,一般是用于需要即时展示自己或其他网站截图的情况。因此,上述功能能够满足普通用户的大多数需求。除此以外,shrinktheweb还支持自定义尺寸、整站截屏、生成网站详细页面截图、自定义分辨率、宽屏截屏等高级功能,不过这些功能是需要付费的(貌似是每月9.95美刀),通常是用于一些更专业的领域。至少对我来讲,免费的服务已经足够了。可以访问这里查看shrinktheweb提供的高级功能:http://www.shrinktheweb.com/content/how-use-website-screenshots.html
在网站中使用缩略图代码
上面提到的功能是通过手动点击生成按钮来生成网站缩略图的。更多的情况是,我们需要在网页中实时显示某网站的缩略图。shrinktheweb提供一种通过植入相关代码的方式来实现这种功能。也就是说,如果您需要在您的网页中即时显示某网站的缩略图,那么,只需要在网页相应的地方植入shrinktheweb提供的代码即可。
shrinktheweb提供的代码,有2种形式:嵌入的img标签和javascript代码。在img标签或javascript的src属性中,属性值是一个php后缀的url,在该url后面,会跟上若干参数,用于控制图片的显示方式(比如,缩略图的尺寸)。上面所提到的所有基本功能和高级功能,都在代码中以不同的参数体现(当然,高级功能是需要付费的)。
要获取shrinktheweb提供的代码,首先需要注册。注册后,可以在用户控制面板中看到这串代码,然后,把这些代码复制到您的网页上就可以了。
还是上个图吧,给力点:
除此之外,注册用户还可以使用它提供的bulk import功能,也就是批量生成缩略图功能,每次最多可以同时生成500个网站的缩略图(超过500个可能会导致超时)。关于这个功能,我没有尝试过,您可以自己去试试。
总结
本文简单介绍了shrinktheweb提供的缩略图生成功能,只能说是起到一个抛砖引玉的作用。其实,shrinktheweb还提供了更多、更高级的功能。同时,它还提供了API,供第三方开发相关的应用。对于它提供的免费服务,我认为是能够满足大部分普通用户的需求的,如果您对shrinktheweb感兴趣,不妨自己亲自去研究研究,相信一定可以发现更多的精彩之处。
相关阅读
Screen Capture,Chrome官方出品的网页截图插件:http://icodon.com/screen-capture.html。本文详细介绍了这款Chrome网页截图插件的功能、使用方法和技巧。比Shrinktheweb更方便、实用,推荐阅读。