Narzędzia do przechwytywania i konwertowania Internetu
miniatura strony

Twórz miniatury witryn za pomocą GrabzIt

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

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

Jeśli jednak chcesz utworzyć miniaturę do własnych określonych wymiarów. Wtedy zaleca się, aby miniatura była mniejsza niż rozmiar parametrów browserWidth i browserHeight. Domyślnie jest to odpowiednio 1366px i 768px.

Ważne jest również zachowanie proporcji szerokości i wysokości miniatury do szerokości i wysokości przeglądarki. Ponieważ zapobiega to zniekształceniu miniatury zrzutu ekranu strony internetowej.

Kalkulator miniatur

px
px
19%
195px
146px

Ten kalkulator automatycznie oblicza najlepszą szerokość i wysokość dla Twoich miniatur. Na podstawie tego, jaki procent szerokości i wysokości przeglądarki powinna stanowić miniatura. Jednocześnie zachowując proporcjonalność obrazu do rozmiaru przeglądarki, aby zapobiec rozciąganiu obrazu.

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

Jak korzystać z naszego interfejsu API miniatur witryny

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

Ten przykład kodu pokazuje, jak łatwo jest utworzyć miniaturę witryny sieci Web przy użyciu 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ładowy kod pokazuje, jak łatwo można utworzyć miniaturę strony internetowej przy użyciu języka 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 jest utworzyć miniaturę witryny za pomocą JavaScript. Aby rozpocząć przechwytywanie pobierania miniatur 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@<%= 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>

Ten przykładowy kod 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ładowy kod pokazuje, jak łatwo jest utworzyć miniaturę strony internetowej za pomocą języka Perl. 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ładowy kod pokazuje, jak łatwo jest utworzyć miniaturę strony internetowej 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ładowy kod pokazuje, jak łatwo jest utworzyć miniaturę strony internetowej 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ę strony internetowej za pomocą RESTful API GrabzIt. Sprawdź RESTful API zrzutów ekranu dokumentację, aby poznać wszystkie sposoby korzystania z 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

Ten przykładowy kod pokazuje, jak łatwo jest utworzyć miniaturę strony internetowej za pomocą języka 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")