Tools zum Erfassen und Konvertieren des Webs

Wie erstelle ich High Definition Screenshots?

Gelegentlich möchten Sie möglicherweise hochauflösende (HD) oder Retina-Screenshots erstellen. Diese High-Definition-Screenshots haben eine höhere Auflösung, sind aber langsamer und werden bei größeren Abmessungen noch langsamer. Aus diesem Grund wird empfohlen, kein zu großes Bild zu erstellen. Daher müssen Sie wahrscheinlich auch eine Verzögerung angeben, damit der Screenshot gerendert werden kann.

Der folgende Code zeigt, wie Sie in jeder Sprache einen hochauflösenden Screenshot erstellen, indem Sie den HD-Parameter auf true setzen. Dadurch wird ein hochauflösendes Bild erstellt, indem die Bildbreite und -höhe verdoppelt und die Auflösung eines Standard-Screenshots um das Vierfache erhöht wird. Es wäre jedoch kontraproduktiv Stellen Sie eine Breite und Höhe auf einen beliebigen Wert außer -1 ein da dies zu einer erneuten Verkleinerung des Bildes führen würde!

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.HD = true;
options.OutputWidth = -1;
options.OutputHeight = -1;
grabzIt.URLToImage("https://www.bbc.co.uk", options);
grabzIt.SaveTo("images/result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
ImageOptions options = new ImageOptions();
options.setHd(true);
options.setWidth(-1);
options.setHeight(-1);
grabzIt.URLToImage("https://www.bbc.co.uk", options);
grabzIt.SaveTo("images/result.jpg");
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.bbc.co.uk", 
{"hd":1,"width":-1,"height":-1}).Create();
</script>
var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
var options = {"hd":true,"width":"-1","height":"-1"};
client.url_to_image("https://www.bbc.co.uk", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = GrabzItImageOptions->new();
$options->hd(1);
$options->width(-1);
$options->height(-1);
$grabzIt->URLToImage("https://www.bbc.co.uk", $options);
$grabzIt->SaveTo("images/result.jpg");
$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$options = new \GrabzIt\GrabzItImageOptions();
$options->setHD(true);
$options->setWidth(-1);
$options->setHeight(-1);
$grabzIt->URLToImage("https://www.bbc.co.uk", $options);
$grabzIt->SaveTo($filepath);
grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzItImageOptions.GrabzItImageOptions()
options.hd  = True
options.width = -1
options.height = -1
grabzIt.URLToImage("https://www.bbc.co.uk", options)
grabzIt.SaveTo("images/result.jpg")
https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=jpg&hd=1&width=-1&height=-1&url=https%3A%2F%2Fwww.bbc.co.uk
grabzIt = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
options = GrabzIt::ImageOptions.new()
options.hd = true
options.width = -1
options.height = -1
grabzItClient.url_to_image("https://www.bbc.co.uk", options)
grabzItClient.save_to("images/result.jpg")

Links ist ein Beispiel für einen Standard-Screenshot und rechts ein hochauflösender Screenshot, der mit dem obigen Code erstellt wurde. Beide Screenshots haben die gleiche Höhe.


Bildauflösung genau einstellen

Es können auch hochauflösende Screenshots unterschiedlicher Größe erstellt werden, indem eine Breite angegeben wird, die größer als die Browserbreite ist. GrabzIt skaliert dann den Browser, um zu verhindern, dass das Bild gestreckt wird. Allerdings werden bei der Erstellung hochauflösender Screenshots auf diese Weise Messungen vorgenommen sind ungenau, weshalb Screenshots in voller Länge in diesem Modus nicht immer perfekt dimensioniert oder skaliert sind.

Wenn Sie Probleme beim Erstellen korrekt skalierter hochauflösender Bilder mit dieser Methode haben, versuchen Sie es mit einer Bildbreite und -höhe, die x2, x3 oder x4 der ursprünglichen Browserabmessungen beträgt.

Dieser Modus funktioniert auch nicht richtig, wenn Elemente als Ziel ausgewählt werden. Wenn Sie auf Elemente abzielen möchten, wird empfohlen, den HD-Parameter wie oben gezeigt festzulegen.