Strumenti per acquisire e convertire il Web

Come creare schermate ad alta definizione?

Occasionalmente potresti voler creare schermate ad alta definizione (HD) o retina. Questi screenshot ad alta definizione hanno una risoluzione maggiore ma sono più lenti e diventano ancora più lenti con dimensioni maggiori per questo motivo si consiglia di non creare un'immagine troppo grande. Come tale, probabilmente dovrai anche specificare un ritardo per dare allo screenshot la possibilità di renderizzare.

Il codice seguente mostra come creare uno screenshot ad alta definizione in ogni lingua, impostando il parametro HD su true. Questo crea un'immagine ad alta risoluzione raddoppiando la larghezza e l'altezza dell'immagine, aumentando la risoluzione di uno screenshot standard di quattro volte. Tuttavia sarebbe controproducente imposta una larghezza e un'altezza su qualsiasi cosa tranne -1 in quanto ciò ridurrebbe nuovamente l'immagine!

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.4.8/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.ashx?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")

A sinistra c'è un esempio di screenshot standard e a destra uno screenshot ad alta definizione prodotto dal codice sopra, entrambi gli screenshot hanno la stessa altezza.


Impostazione precisa della risoluzione dell'immagine

È inoltre possibile creare schermate ad alta definizione di dimensioni diverse specificando una larghezza maggiore della larghezza del browser. GrabzIt quindi ridimensiona il browser per interrompere l'allungamento dell'immagine. Tuttavia, le misure prese durante la creazione di schermate ad alta definizione in questo modo sono inaccurati, motivo per cui gli screenshot a figura intera non sono sempre perfettamente dimensionati o ridimensionati in questa modalità.

Se si verificano problemi durante la creazione di immagini ad alta definizione ridimensionate correttamente utilizzando questo metodo, provare a utilizzare una larghezza e altezza dell'immagine pari a x2, x3 o x4 delle dimensioni del browser originale.

Anche questa modalità non funzionerà correttamente quando si prendono di mira elementi. Se si desidera targetizzare elementi, si consiglia di impostare il parametro HD come mostrato sopra.