Twórz miniatury witryn za pomocą GrabzIt

Często programiści muszą tworzyć podglądy stron internetowych. Aby poprawić współczynniki klikalności i udostępniać je na Facebooku i innych mediach społecznościowych.

Domyślnie GrabzIt's API Narzędzie do tworzenia zrzutów ekranu utworzy miniatury witryn, zmniejszając zrzut ekranu witryny. Dopóki nie zmieści się w maksymalnym rozmiarze dozwolonym na pakiecie użytkownika.

Jeśli jednak chcesz utworzyć obraz miniatury według własnych określonych wymiarów. Następnie zaleca się, aby miniatura była mniejsza niż rozmiar przeglądarki szerokość i parametry przeglądarki wysokość. Domyślnie są to odpowiednio 1366px i 768px.

Ważne jest również, aby stosunek szerokości i wysokości miniatury był zachowany do szerokości i wysokości przeglądarki. Gdy to zatrzymuje obraz miniatury zrzutu ekranu strony ulega zniekształceniu.

Kalkulator miniatur

Szerokość przeglądarki px

Wysokość przeglądarki px

Rozmiar procentowy 19%

Szerokość obrazu

195px

Wysokość obrazu

146px

Ten kalkulator automatycznie oblicza najlepszą szerokość i wysokość dla twoich miniatur. Na podstawie tego, jaki procent powinna mieć miniatura szerokości i wysokości przeglądarki. Jednocześnie zachowując obraz proporcjonalny do rozmiaru przeglądarki, aby zatrzymać jakiekolwiek rozciąganie obrazu.

Dla wygody wszelkie zmiany dokonane za pomocą tego kalkulatora znajdują odzwierciedlenie w poniższych przykładach kodu.

Jak korzystać z naszego interfejsu API miniatur witryny

Intzintegrować możliwość tworzenia miniaturek stron internetowych into swoją aplikację z interfejsem API Screenshot GrabzIt. Aby rozpocząć, po prostu wybierz jeden z dziewięciu obsługiwanych języków programowania poniżej, aby zobaczyć przykładowy kod i dalsze instrukcje.

ASP.NET
Jawa
JavaScript
node.js
Perl
PHP
Python
REST API
Rubin

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą ASP.NET. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę ASP.NET. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla ASP.NET aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

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");

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Java. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę Java. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Java aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

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");

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą JavaScript. Aby rozpocząć przechwytywanie miniatur, pobierz Biblioteka JavaScript GrabzIt. Następnie zdobądź swój interfejs API klucz i sekret, dodaj domenę chcesz włączyć JavaScript, a następnie sprawdź zrzut ekranu dokumentacji API dla JavaScript aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

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

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Node.js. Aby rozpocząć przechwytywanie miniatur po prostu pobierz pakiet Node.js. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Node.js aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

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;
    }
});

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Perla. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę Perla. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Perla aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

#!/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");

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą PHP. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę PHP. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla PHP aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

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");

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Pythona. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę Python. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Pythona aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

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")

Ten przykład pokazuje, jak łatwo jest utworzyć miniaturę witryny internetowej przy użyciu RESTful API GrabzIt. Sprawdź RESTful API zrzutów ekranu dokumentację, aby poznać wszystkie sposoby korzystania z GrabzIt.

https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&format=jpg&bwidth=&bheight=&width=&height=&url=https%3A%2F%2Fwww.tesla.com%2F

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Ruby. Aby rozpocząć przechwytywanie miniatur po prostu pobierz Ruby Gem. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Ruby aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

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")

Zacznij tworzyć miniatury