Wie erstelle ich High Definition Screenshots?

Gelegentlich möchten Sie möglicherweise High Definition (HD) - oder Retina-Screenshots erstellen. High Definition-Screenshots sind langsamer und werden bei größeren Dimensionen sogar noch langsamer. Aus diesem Grund wird empfohlen, kein zu großes Bild zu erstellen. Aus diesem Grund müssen Sie wahrscheinlich auch eine Verzögerung angeben, um den Screenshot rendern zu können.

Der folgende Code zeigt, wie Sie in jeder Sprache einen High Definition-Screenshot erstellen, indem Sie den HD-Parameter auf true setzen. Auf diese Weise wird ein Bild mit hoher Auflösung erstellt, indem die Breite und Höhe des Bilds verdoppelt und die Auflösung eines Standard-Screenshots um das Vierfache erhöht wird. Es wäre jedoch kontraproduktiv setze Breite und Höhe auf alles andere als -1 da dies dazu führen würde, dass das Bild wieder verkleinert wird!

ASP.NET
Java
JavaScript
node.js
Perl
PHP
Python
Rubin

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.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.bbc.co.uk", 
{"hd":true,"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")

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 sehen Sie ein Beispiel für einen Standard-Screenshot und rechts einen hochauflösenden Screenshot, der mit dem obigen Code erstellt wurde. Beide Screenshots haben dieselbe Höhe.

Bildauflösung präzise einstellen

Hochauflösende Screenshots in verschiedenen Größen können auch erstellt werden, indem eine Breite angegeben wird, die größer als die Breite des Browsers ist. GrabzIt skaliert dann den Browser, um zu verhindern, dass das Bild gestreckt wird. Es wurden jedoch Messungen durchgeführt, als auf diese Weise hochauflösende Screenshots erstellt wurden sind ungenauAus diesem Grund sind Screenshots in voller Länge in diesem Modus nicht immer perfekt dimensioniert oder skaliert.

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

Dieser Modus funktioniert auch beim Ausrichten von Elementen nicht ordnungsgemäß. Wenn Sie auf Elemente abzielen möchten, wird empfohlen, den HD-Parameter wie oben gezeigt einzustellen.