Webをキャプチャして変換するツール
ウェブサイトのサムネイル

GrabzItでWebサイトのサムネイルを作成する

多くの場合、Web開発者はWebページのプレビューを作成する必要があります。 クリックスルー率を改善し、Facebookやその他のソーシャルメディアで共有するため。

デフォルトでは GrabzItのAPI & オンラインスクリーンショットツール Web サイトのスクリーンショットを縮小して、Web サイトのサムネイルを取得します。ユーザーのパッケージで許可されている最大サイズ内に収まるまで。

独自の特定のサイズに合わせてサムネイル画像を作成します。サムネイルがbrowserWidthパラメータおよびbrowserHeightパラメータよりも小さいことを確認する必要があります。デフォルトでは、それぞれ 1366px と 1170px です。

また、ブラウザの幅と高さに対するサムネイルの幅と高さの比率を維持することも重要です。これにより、Web ページのスクリーンショットのサムネイル画像が歪むのを防ぎます。

もちろん、GrabzIt を使用して大きなスクリーンショットを撮ることもできます。 ページ全体のスクリーンショットをキャプチャする.

サムネイル電卓

px
px
19%
195px
146px

この計算ツールは、サムネイルの最適な幅と高さを自動的に計算します。ブラウザの幅と高さに対するサムネイルの割合に基づきます。また、画像をブラウザのサイズに比例させて、画像の伸縮を防ぎます。

上記の計算機には、加えられた変更が反映されます into 以下のコード例。

Website Thumbnail APIの使用方法

IntWebページのサムネイルを取得する機能を強化する into GrabzIt のスクリーンショット API を使用したアプリケーション。まず、以下の 9 つのプログラミング言語から 1 つを選択します。コード例と続行方法の手順を表示します。

このコード例は、ASP.NETを使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのキャプチャを開始するには 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を使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのキャプチャを開始するには 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を使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのダウンロードを開始するには 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を使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのキャプチャを開始するには 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を使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのキャプチャを開始するには 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を使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのキャプチャを開始するには PHPライブラリをダウンロードする。 次に、APIを取得します 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PHPのスクリーンショットAPIドキュメント 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を使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのキャプチャを開始するには 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") 

これらの API 呼び出しは、GrabzIt の RESTful API を使用して Web サイトのサムネイルを作成することがいかに簡単であるかを示しています。をチェックしてください 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を使用してWebサイトのサムネイルを簡単に作成できることを示しています。 サムネイルのキャプチャを開始するには 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")