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 weiterfĂŒhrende 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

Integrieren 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 acht 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.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>

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