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 maakt miniaturen van websites door het screenshot van de website te verkleinen. Tot het past binnen de maximale grootte die is toegestaan ​​op het pakket van de gebruiker.

Als u echter een miniatuurafbeelding wilt maken met uw eigen specifieke dimensies. Vervolgens wordt aanbevolen dat de miniatuur kleiner is dan de grootte van de parameters browserWidth en browserHeight. Dit zijn standaard respectievelijk 1024px en 768px.

Het is ook belangrijk dat de verhouding tussen de breedte en hoogte van de miniaturen en de breedte en hoogte van de browser wordt behouden. Omdat dit voorkomt dat de miniatuurafbeelding van het screenshot van de webpagina vervormd raakt.

Miniatuurcalculator

px
px
19%
195px
146px

Deze calculator berekent automatisch de beste breedte en hoogte voor uw miniaturen. Op basis van welk percentage de miniatuur moet zijn van de breedte en hoogte van de browser. Terwijl de afbeelding ook evenredig blijft aan de browsergrootte om het uitrekken van de afbeelding te stoppen.

Gemakshalve worden wijzigingen die met deze calculator zijn doorgevoerd weergegeven in de onderstaande codevoorbeelden.

Hoe onze Website Thumbnail API te gebruiken

Integreer de mogelijkheid om miniaturen van webpagina's te maken into uw toepassing met de Screenshot API van GrabzIt. Kies om te beginnen een van de acht ondersteunde programmeertalen hieronder voor een codevoorbeeld en verdere instructies.

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 vinden waarop u de API van GrabzIt kunt gebruiken.

ImageOptions options = new ImageOptions();
options.BrowserWidth = 1024;
options.BrowserHeight = 768;
options.Width = 195;
options.Height = 146;

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, 1024, 768, 195, 146, 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 vinden waarop u de API van GrabzIt kunt gebruiken.

ImageOptions options = new ImageOptions();
options.setBrowserWidth(1024);
options.setBrowserHeight(768);
options.setWidth(195);
options.setHeight(146);

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 vinden waarop u de API van GrabzIt kunt gebruiken.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"bwidth":1024,"bheight":768,"width":195,"height":146}).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 vinden waarop u de API van GrabzIt kunt gebruiken.

var grabzit = require('grabzit');

var options = {"width":195, "height":146, 
    "browserHeight":768, "browserWidth":1024};

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 vinden waarop u de API van GrabzIt kunt gebruiken.

#!/usr/bin/perl

use GrabzItClient;

$options = GrabzItImageOptions->new();
$options->browserWidth(1024);
$options->browserHeight(768);
$options->width(195);
$options->height(146);

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", '', 1024, 768, 195, 146);
$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 vinden waarop u de API van GrabzIt kunt gebruiken.

include("GrabzItClient.php");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserWidth(1024);
$options->setBrowserHeight(768);
$options->setWidth(195);
$options->setHeight(146);

$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 vinden waarop u de API van GrabzIt kunt gebruiken.

from GrabzIt import GrabzItClient
from GrabzIt import GrabzItImageOptions

options = GrabzItImageOptions.GrabzItImageOptions()
options.browserWidth = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

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

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 vinden waarop u de API van GrabzIt kunt gebruiken.

require 'grabzit'

options = GrabzIt::ImageOptions.new()
options.browserWidth = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

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