Tools zum Erfassen und Konvertieren des Webs
Website-Thumbnail

Erstellen Sie Website-Thumbnails mit GrabzIt

Häufig müssen Webentwickler Vorschauen von Webseiten erstellen. Zur Verbesserung der Klickraten und zum Teilen auf Facebook und anderen sozialen Medien.

Standardmäßig GrabzIt's API und Online-Screenshot-Tool erhält Website-Miniaturansichten, indem der Website-Screenshot verkleinert wird. Bis es in die maximal zulässige Größe auf dem Paket des Benutzers passt.

So erstellen Sie ein Miniaturbild in Ihren spezifischen Abmessungen. Sie sollten sicherstellen, dass die Miniaturansicht kleiner als die Parameter browserWidth und browserHeight ist. Dies ist standardmäßig 1366px bzw. 1170px.

Wichtig ist auch, das Verhältnis der Breite und Höhe der Miniaturansicht zur Breite und Höhe des Browsers beizubehalten. Dadurch wird verhindert, dass das Miniaturbild des Webseiten-Screenshots verzerrt wird.

Natürlich können Sie zum Beispiel mit GrabzIt größere Screenshots machen Erfassen Sie ganzseitige Screenshots.

Thumbnail-Rechner

px
px
19%
195px
146px

Dieser Rechner berechnet automatisch die beste Breite und Höhe für Ihre Miniaturansichten. Basierend darauf, wie viel Prozent der Miniaturansicht von der Breite und Höhe des Browsers abweichen sollen. Gleichzeitig bleibt das Bild proportional zur Browsergröße, um eine Dehnung des Bildes zu verhindern.

Der obige Rechner rechnet alle vorgenommenen Änderungen ein into die Codebeispiele unten.

So verwenden Sie unsere Website Thumbnail API

IntErhöhen Sie die Möglichkeit, Miniaturansichten von Webseiten zu erstellen into Ihre Anwendung mit der Screenshot-API von GrabzIt. Wählen Sie zunächst eine der neun folgenden Programmiersprachen aus. Hier finden Sie ein Codebeispiel und Anweisungen zum weiteren Vorgehen.

Dieses Codebeispiel zeigt, wie einfach es ist, eine Website-Miniaturansicht mit ASP.NET zu erstellen. Zum Aufnehmen von Thumbnails einfach anfangen Laden Sie die ASP.NET-Bibliothek herunter. Dann holen Sie sich Ihre API Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an Screenshot API-Dokumentation für ASP.NET um zu erfahren, wie Sie die API von GrabzIt nutzen können.

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

Dieses Codebeispiel zeigt, wie einfach es ist, ein Website-Miniaturbild mit Java zu erstellen. Zum Aufnehmen von Thumbnails einfach anfangen Laden Sie die Java-Bibliothek herunter. Dann holen Sie sich Ihre API Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an Screenshot API-Dokumentation für Java um alle Möglichkeiten zu entdecken, wie Sie die API von GrabzIt nutzen können.

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

Dieses Codebeispiel zeigt, wie einfach es ist, eine Website-Miniaturansicht mit JavaScript zu erstellen. Zum Aufnehmen von Thumbnails herunterladen GrabzIt's JavaScript Bibliothek. Dann holen Sie sich Ihre API Schlüssel und Geheimnis, Domain hinzufügen Sie möchten das JavaScript verwenden und dann die Screenshot API-Dokumentation für JavaScript um alle Möglichkeiten zu entdecken, wie Sie die API von GrabzIt nutzen können.

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

Dieses Codebeispiel zeigt, wie einfach es ist, mit Node.js eine Website-Miniaturansicht zu erstellen. Zum Aufnehmen von Thumbnails einfach anfangen Laden Sie das Node.js-Paket herunter. Dann holen Sie sich Ihre API Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an Screenshot API-Dokumentation für Node.js um alle Möglichkeiten zu entdecken, wie Sie die API von GrabzIt nutzen können.

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

Dieses Codebeispiel zeigt, wie einfach es ist, mit Perl ein Website-Miniaturbild zu erstellen. Zum Aufnehmen von Thumbnails einfach anfangen Laden Sie die Perl-Bibliothek herunter. Dann holen Sie sich Ihre API Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an Screenshot API-Dokumentation für Perl um alle Möglichkeiten zu entdecken, wie Sie die API von GrabzIt nutzen können.

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

Dieses Codebeispiel zeigt, wie einfach es ist, ein Website-Miniaturbild mit PHP zu erstellen. Zum Aufnehmen von Thumbnails einfach anfangen Laden Sie die PHP-Bibliothek herunter. Dann holen Sie sich Ihre API Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an Screenshot API-Dokumentation für PHP um alle Möglichkeiten zu entdecken, wie Sie die API von GrabzIt nutzen können.

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

Dieses Codebeispiel zeigt, wie einfach es ist, mit Python ein Website-Miniaturbild zu erstellen. Zum Aufnehmen von Thumbnails einfach anfangen Laden Sie die Python-Bibliothek herunter. Dann holen Sie sich Ihre API Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an Screenshot API-Dokumentation für Python um alle Möglichkeiten zu entdecken, wie Sie die API von GrabzIt nutzen können.

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

Diese API-Aufrufe zeigen, wie einfach es ist, mit der RESTful-API von GrabzIt eine Miniaturansicht einer Website zu erstellen. Besuche die RESTful Screenshot API Dokumentation, um alle Möglichkeiten zu entdecken, wie Sie GrabzIt verwenden können.

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

Dieses Codebeispiel zeigt, wie einfach es ist, mit Ruby ein Website-Miniaturbild zu erstellen. Zum Aufnehmen von Thumbnails einfach anfangen Lade den Ruby Gem herunter. Dann holen Sie sich Ihre API Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an Screenshot API-Dokumentation für Ruby um alle Möglichkeiten zu entdecken, wie Sie die API von GrabzIt nutzen können.

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