Web开发人员通常需要创建网页预览。 提高点击率并在Facebook和其他社交媒体上分享。
默认情况下 GrabzIt的API 和 在线截图工具 将通过缩小网站截图来创建网站缩略图。 直到适合用户包装上允许的最大尺寸为止。
但是,如果您要创建自己的特定尺寸的缩略图。 然后,建议缩略图小于browserWidth和browserHeight参数的大小。 默认情况下分别是1366px和768px。
保持缩略图宽度和高度与浏览器宽度和高度的比率也很重要。 这样一来,网页屏幕截图的缩略图图像就会变形。
该计算器自动为您的缩略图计算最佳宽度和高度。 基于缩略图应占浏览器宽度和高度的百分比。 同时还要保持图像与浏览器大小成比例,以停止图像的任何拉伸。
为了方便起见,使用此计算器进行的任何更改都反映在下面的代码示例中。
Int评估拍摄网页缩略图的能力 into使用GrabzIt的Screenshot API的应用程序。 要开始使用,只需选择以下XNUMX种受支持的编程语言之一即可查看代码示例和更多说明。
此代码示例说明了使用ASP.NET创建网站缩略图的简单性。 要开始捕获缩略图 下载ASP.NET库。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 ASP.NET的屏幕快照API文档 找出使用GrabzIt API的所有方法。
ImageOptions options = new ImageOptions(); options.BrowserWidth = ; options.BrowserHeight = ; options.Width = ; options.Height = ; 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, , , , , 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(); options.setBrowserHeight(); options.setWidth(); options.setHeight(); 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@<%= APIVersion.JavaScript %>/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com",
{"bwidth":,"bheight":,"width":,"height":}).Create();
</script>
此代码示例说明了使用Node.js创建网站缩略图非常容易。 要开始捕获缩略图 下载Node.js程序包。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 Node.js的屏幕快照API文档 找出使用GrabzIt API的所有方法。
var grabzit = require('grabzit'); var options = {"width":, "height":, "browserHeight":, "browserWidth":}; 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(); $options->browserHeight(); $options->width(); $options->height(); $grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret"); $grabzIt->URLToImage("https://www.tesla.com", '', , , , ); $grabzIt->SaveTo("images/result.jpg");
此代码示例说明了使用PHP创建网站缩略图的简单性。 要开始捕获缩略图 下载PHP库。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 屏幕快照API文档,用于PHP 找出使用GrabzIt API的所有方法。
include("GrabzItClient.php"); $options = new \GrabzIt\GrabzItImageOptions(); $options->setBrowserWidth(); $options->setBrowserHeight(); $options->setWidth(); $options->setHeight(); $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 = options.browserHeight = options.width = options.height = 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")
此示例说明使用GrabzIt的RESTful API创建网站缩略图非常容易。 看看 RESTful屏幕截图API 文档以查找可以使用GrabzIt的所有方式。
https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=jpg&bwidth=&bheight=&width=&height=&url=https%3A%2F%2Fwww.tesla.com%2F
此代码示例说明了使用Ruby创建网站缩略图的简单性。 要开始捕获缩略图 下载Ruby Gem。 然后获取您的API 关键和秘密 然后 使用演示 包含在其中。 然后检查 Ruby的屏幕快照API文档 找出使用GrabzIt API的所有方法。
require 'grabzit' options = GrabzIt::ImageOptions.new() options.browserWidth = options.browserHeight = options.width = options.height = 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")