Come creare schermate ad alta definizione?
Occasionalmente potresti voler creare screenshot ad alta definizione (HD) o Retina. Questi screenshot in Alta Definizione hanno una risoluzione aumentata ma sono più lenti e diventano ancora più lenti con dimensioni maggiori per questo motivo si consiglia di non creare un'immagine troppo grande. Pertanto probabilmente dovrai anche specificare un ritardo per dare allo screenshot la possibilità di essere visualizzato.
Il codice seguente mostra come realizzare uno screenshot ad alta definizione in ciascuna lingua, impostando il parametro HD su true. Ciò crea un'immagine ad alta risoluzione raddoppiando la larghezza e l'altezza dell'immagine, aumentando di quattro volte la risoluzione di uno screenshot standard. Tuttavia sarebbe controproducente imposta larghezza e altezza su un valore diverso da -1 in quanto ciò comporterebbe un nuovo ridimensionamento dell'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.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")
A sinistra c'è un esempio di screenshot standard e a destra c'è 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 screenshot ad alta definizione di dimensioni diverse specificando una larghezza maggiore della larghezza del browser. GrabzIt quindi ridimensiona il browser per impedire l'allungamento dell'immagine. Tuttavia le misurazioni vengono effettuate durante la creazione di screenshot ad alta definizione in questo modo sono imprecisi, motivo per cui gli screenshot a figura intera non sono sempre perfettamente dimensionati o ridimensionati in questa modalità.
Se riscontri problemi nel creare immagini ad alta definizione ridimensionate correttamente utilizzando questo metodo, prova a utilizzare una larghezza e un'altezza dell'immagine pari a x2, x3 o x4 rispetto alle dimensioni originali del browser.
Inoltre, questa modalità non funzionerà correttamente quando si prendono di mira gli elementi. Se vuoi scegliere come target gli elementi, ti consigliamo di impostare il parametro HD come mostrato sopra.