Strumenti per acquisire e convertire il Web
miniatura del sito Web

Crea miniature di siti Web con GrabzIt

Spesso gli sviluppatori Web devono creare anteprime delle pagine Web. Per migliorare le percentuali di clic e per la condivisione su Facebook e altri social media.

Di default API di GrabzIt e Strumento Screenshot online creerà le miniature dei siti Web restringendo lo screenshot del sito Web. Fino a quando non rientra nelle dimensioni massime consentite sul pacchetto dell'utente.

Tuttavia, se si desidera creare una miniatura per le proprie dimensioni specifiche. Quindi si raccomanda che la miniatura sia inferiore alla dimensione dei parametri browserWidth e browserHeight. Questo è 1024px e 768px rispettivamente per impostazione predefinita.

È anche importante che il rapporto tra larghezza e altezza della miniatura sia mantenuto rispetto alla larghezza e all'altezza del browser. In questo modo l'immagine di anteprima dello screenshot della pagina Web viene distorta.

Calcolatrice Miniatura

px
px
19%
195px
146px

Questa calcolatrice calcola automaticamente la larghezza e l'altezza migliori per le anteprime. In base a quale percentuale dovrebbe essere la miniatura della larghezza e dell'altezza del browser. Pur mantenendo l'immagine proporzionale alla dimensione del browser al fine di interrompere qualsiasi allungamento dell'immagine.

Per comodità, le modifiche apportate con questo calcolatore si riflettono negli esempi di codice seguenti.

Come utilizzare l'API Miniatura sito Web

Integrare la capacità di acquisire miniature di pagine Web into la tua applicazione con l'API Screenshot di GrabzIt. Per iniziare basta scegliere uno degli otto linguaggi di programmazione supportati di seguito per vedere un esempio di codice e ulteriori istruzioni.

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web utilizzando ASP.NET. Per iniziare a catturare solo le anteprime scarica la libreria ASP.NET. Quindi ottieni la tua API chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il documentazione dell'API di screenshot per ASP.NET per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web utilizzando Java. Per iniziare a catturare solo le anteprime scarica la libreria Java. Quindi ottieni la tua API chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il screenshot API documentazione per Java per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web utilizzando JavaScript. Per iniziare a catturare il download delle miniature Libreria JavaScript di GrabzIt. Quindi ottieni la tua API chiave e segreto, aggiungi il dominio si desidera utilizzare JavaScript e quindi controllare screenshot API documentazione per JavaScript per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web utilizzando Node.js. Per iniziare a catturare solo le anteprime scarica il pacchetto Node.js. Quindi ottieni la tua API chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il documentazione dell'API di screenshot per Node.js per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web usando Perl. Per iniziare a catturare solo le anteprime scarica la libreria Perl. Quindi ottieni la tua API chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il screenshot documentazione API per Perl per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web utilizzando PHP. Per iniziare a catturare solo le anteprime scarica la libreria PHP. Quindi ottieni la tua API chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il screenshot API documentazione per PHP per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web utilizzando Python. Per iniziare a catturare solo le anteprime scarica la libreria Python. Quindi ottieni la tua API chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il screenshot API documentazione per Python per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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

Questo esempio di codice mostra quanto sia facile creare una miniatura del sito Web utilizzando Ruby. Per iniziare a catturare solo le anteprime scarica Ruby Gem. Quindi ottieni la tua API chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il screenshot API documentazione per Ruby per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

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