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 erstellt Miniaturansichten der Website durch Verkleinern des Website-Screenshots. Bis es in die maximale Größe passt, die auf dem Paket des Benutzers erlaubt ist.

Wenn Sie jedoch ein Miniaturbild mit Ihren eigenen Abmessungen erstellen möchten. Dann wird empfohlen, dass die Miniaturansicht kleiner als die Größe der Parameter browserWidth und browserHeight ist. Dies ist standardmäßig 1024px bzw. 768px.

Es ist auch wichtig, dass das Verhältnis der Breite und Höhe der Miniaturansichten zur Breite und Höhe des Browsers beibehalten wird. Dadurch wird die Miniaturansicht des Webseiten-Screenshots nicht mehr verzerrt.

Thumbnail-Rechner

px
px
19%
195px
146px

Dieser Rechner berechnet automatisch die beste Breite und Höhe für Ihre Thumbnails. Basierend auf dem Prozentsatz, den die Miniaturansicht für die Breite und Höhe des Browsers haben soll. Halten Sie das Bild gleichzeitig proportional zur Browsergröße, um eine Dehnung des Bildes zu verhindern.

Der Einfachheit halber werden alle mit diesem Rechner vorgenommenen Änderungen in den folgenden Codebeispielen wiedergegeben.

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 unterstützten Programmiersprachen aus, um ein Codebeispiel und weitere Anweisungen anzuzeigen.

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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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

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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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

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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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

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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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

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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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

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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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

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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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

Dieses Beispiel zeigt, wie einfach es ist, eine Website-Miniaturansicht mit der RESTful-API von GrabzIt zu erstellen. Besuche die RESTful Screenshot API Dokumentation, um herauszufinden, wie Sie GrabzIt verwenden können.

https://api.grabz.it/services/convert.ashx?key=Sign in to view your Application Key&format=jpg&bwidth=1024&bheight=768&width=195&height=146&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 Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.

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