捕获和转换Web的工具
网站缩略图

使用GrabzIt创建网站缩略图

通常,Web开发人员需要创建网页预览。 提高点击率并在Facebook和其他社交媒体上共享。

默认情况下 GrabzIt的API 在线截图工具 将通过缩小网站截图来创建网站缩略图。 直到适合用户包装上允许的最大尺寸为止。

但是,如果您要创建自己的特定尺寸的缩略图。 然后,建议缩略图小于browserWidth和browserHeight参数的大小。 默认情况下分别是1024px和768px。

保持缩略图宽度和高度与浏览器宽度和高度的比率也很重要。 这样一来,网页屏幕截图的缩略图图像就会变形。

缩略图计算器

px
px
19%
195px
146px

该计算器自动为您的缩略图计算最佳宽度和高度。 基于缩略图应占浏览器宽度和高度的百分比。 同时还要保持图像与浏览器大小成比例,以停止图像的任何拉伸。

为了方便起见,使用此计算器进行的任何更改都反映在下面的代码示例中。

如何使用我们的网站缩略图API

集成了拍摄网页缩略图的功能 into使用GrabzIt的Screenshot API的应用程序。 要开始使用,只需选择以下八种受支持的编程语言之一即可查看代码示例和更多说明。

此代码示例说明了使用ASP.NET创建网站缩略图的简单性。 要开始捕获缩略图 下载ASP.NET库。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 ASP.NET的屏幕快照API文档 找出使用GrabzIt API的所有方法。

ImageOptions options = new ImageOptions();
options.BrowserWidth = 1024;
options.BrowserHeight = 768;
options.Width = 195;
options.Height = 146;

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", string.Empty, 1024, 768, 195, 146, ImageFormat.jpg, 0, string.Empty, 
BrowserType.StandardBrowser, string.Empty); 
grabzIt.SaveTo("images/result.jpg");

此代码示例说明了使用Java创建网站缩略图的简便性。 要开始捕获缩略图 下载Java库。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 Java的屏幕快照API文档 找出使用GrabzIt API的所有方法。

ImageOptions options = new ImageOptions();
options.setBrowserWidth(1024);
options.setBrowserHeight(768);
options.setWidth(195);
options.setHeight(146);

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", options); 
grabzIt.SaveTo("images/result.jpg");

此代码示例显示了使用JavaScript创建网站缩略图的简便性。 开始捕获缩略图下载 GrabzIt的JavaScript库。 然后获取您的API 关键和秘密, 添加域 您要使用JavaScript,然后签出 JavaScript的屏幕快照API文档 找出使用GrabzIt API的所有方法。

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"bwidth":1024,"bheight":768,"width":195,"height":146}).Create();
</script>

此代码示例说明了使用Node.js创建网站缩略图非常容易。 要开始捕获缩略图 下载Node.js程序包。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 Node.js的屏幕快照API文档 找出使用GrabzIt API的所有方法。

var grabzit = require('grabzit');

var options = {"width":195, "height":146, 
    "browserHeight":768, "browserWidth":1024};

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_image("https://www.tesla.com", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

此代码示例说明了使用Perl创建网站缩略图的简单性。 要开始捕获缩略图 下载Perl库。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 Perl的屏幕快照API文档 找出使用GrabzIt API的所有方法。

#!/usr/bin/perl

use GrabzItClient;

$options = GrabzItImageOptions->new();
$options->browserWidth(1024);
$options->browserHeight(768);
$options->width(195);
$options->height(146);

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", '', 1024, 768, 195, 146);
$grabzIt->SaveTo("images/result.jpg");

此代码示例说明了使用PHP创建网站缩略图的简单性。 要开始捕获缩略图 下载PHP库。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 屏幕快照API文档,用于PHP 找出使用GrabzIt API的所有方法。

include("GrabzItClient.php");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserWidth(1024);
$options->setBrowserHeight(768);
$options->setWidth(195);
$options->setHeight(146);

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", $options); 
$grabzIt->SaveTo("images/result.jpg");

此代码示例说明了使用Python创建网站缩略图的简单性。 要开始捕获缩略图 下载Python库。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 Python的屏幕快照API文档 找出使用GrabzIt API的所有方法。

from GrabzIt import GrabzItClient
from GrabzIt import GrabzItImageOptions

options = GrabzItImageOptions.GrabzItImageOptions()
options.browserWidth = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.URLToImage("https://www.tesla.com", options) 
grabzIt.SaveTo("images/result.jpg") 

此代码示例说明了使用Ruby创建网站缩略图的简单性。 要开始捕获缩略图 下载Ruby Gem。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 Ruby的屏幕快照API文档 找出使用GrabzIt API的所有方法。

require 'grabzit'

options = GrabzIt::ImageOptions.new()
options.browserWidth = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzItClient.url_to_image("https://www.tesla.com", options)	
grabzItClient.save_to("images/result.jpg")