Tools om het web vast te leggen en te converteren
website thumbnail

Maak miniaturen van websites met GrabzIt

Vaak moeten webontwikkelaars voorbeelden van webpagina's maken. Om klikfrequenties te verbeteren en om te delen op Facebook en andere sociale media.

Standaard GrabzIt's API en Online screenshot-tool krijgt websiteminiaturen door het screenshot van de website te verkleinen. Tot het binnen de maximaal toegestane grootte op de verpakking van de gebruiker past.

Om een ​​miniatuurafbeelding te maken met uw eigen specifieke afmetingen. Zorg ervoor dat de miniatuur kleiner is dan de parameters browserWidth en browserHeight. Standaard is dit respectievelijk 1366px en 1170px.

Het is ook belangrijk om de verhouding tussen de breedte en hoogte van de miniatuur en de breedte en hoogte van de browser te behouden. Dit voorkomt dat de miniatuurafbeelding van de schermafbeelding van de webpagina vervormd raakt.

Natuurlijk kun je grotere screenshots maken met GrabzIt, dat kan bijvoorbeeld maak schermafbeeldingen van een volledige pagina.

Miniatuurcalculator

px
px
19%
195px
146px

Deze rekenmachine berekent automatisch de beste breedte en hoogte voor uw miniaturen. Gebaseerd op welk percentage de miniatuur van de breedte en hoogte van de browser moet zijn. Terwijl de afbeelding ook proportioneel blijft aan de browsergrootte om het uitrekken van de afbeelding te voorkomen.

De rekenmachine hierboven zet alle aangebrachte wijzigingen into de onderstaande codevoorbeelden.

Hoe onze Website Thumbnail API te gebruiken

Intintegratie van de mogelijkheid om miniaturen van webpagina's te maken into uw applicatie met GrabzIt's Screenshot API. Selecteer om te beginnen een van de negen onderstaande programmeertalen. Om een ​​codevoorbeeld en instructies over hoe verder te gaan te bekijken.

Dit codevoorbeeld laat zien hoe gemakkelijk het is om een ​​websiteminiatuur te maken met ASP.NET. Om alleen thumbnails te maken download de ASP.NET-bibliotheek. Download dan uw API sleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor ASP.NET om alle manieren te leren waarop u de API van GrabzIt kunt gebruiken.

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

Dit codevoorbeeld laat zien hoe eenvoudig het is om een ​​miniatuur van een website te maken met behulp van Java. Om alleen thumbnails te maken download de Java-bibliotheek. Download dan uw API sleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Java om alle manieren te ontdekken waarop u de API van GrabzIt kunt gebruiken.

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

Dit codevoorbeeld laat zien hoe eenvoudig het is om een ​​websiteminiatuur te maken met JavaScript. Om het downloaden van miniaturen te starten GrabzIt's JavaScript-bibliotheek. Download dan uw API sleutel en geheim, voeg het domein toe u wilt JavaScript gebruiken en vervolgens de bekijken screenshot API-documentatie voor JavaScript om alle manieren te ontdekken waarop u de API van GrabzIt kunt gebruiken.

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

Dit codevoorbeeld laat zien hoe eenvoudig het is om een ​​websiteminiatuur te maken met Node.js. Om alleen thumbnails te maken download het Node.js-pakket. Download dan uw API sleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Node.js om alle manieren te ontdekken waarop u de API van GrabzIt kunt gebruiken.

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

Dit codevoorbeeld laat zien hoe gemakkelijk het is om een ​​websiteminiatuur te maken met Perl. Om alleen thumbnails te maken download de Perl-bibliotheek. Download dan uw API sleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Perl om alle manieren te ontdekken waarop u de API van GrabzIt kunt gebruiken.

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

Dit codevoorbeeld laat zien hoe gemakkelijk het is om een ​​websiteminiatuur te maken met behulp van PHP. Om alleen thumbnails te maken download de PHP-bibliotheek. Download dan uw API sleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor PHP om alle manieren te ontdekken waarop u de API van GrabzIt kunt gebruiken.

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

Dit codevoorbeeld laat zien hoe gemakkelijk het is om een ​​websiteminiatuur te maken met Python. Om alleen thumbnails te maken download de Python-bibliotheek. Download dan uw API sleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Python om alle manieren te ontdekken waarop u de API van GrabzIt kunt gebruiken.

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

Deze API-aanroepen laten zien hoe eenvoudig het is om een ​​websiteminiatuur te maken met behulp van de RESTful API van GrabzIt. Bekijk de RESTful API voor screenshot documentatie om alle manieren te ontdekken waarop u GrabzIt kunt gebruiken.

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

Dit codevoorbeeld laat zien hoe eenvoudig het is om een ​​websiteminiatuur te maken met Ruby. Om alleen thumbnails te maken download de Ruby Gem. Download dan uw API sleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Ruby om alle manieren te ontdekken waarop u de API van GrabzIt kunt gebruiken.

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