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 als 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 1366px 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

Browserbreedte px

Browser hoogte px

Percentage grootte 19%

Breedte afbeelding

195px

Beeldhoogte

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

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

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
REST API
Robijn

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.1/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 vinden 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 vinden 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 vinden 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 vinden 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")

Dit voorbeeld laat zien hoe gemakkelijk het is om een website-miniatuur te maken met behulp van GrabzIt's RESTful API. Bekijk de RESTful API voor screenshot documentatie om alle manieren te ontdekken waarop u GrabzIt kunt gebruiken.

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

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

Begin met het maken van miniaturen