¿Cómo crear capturas de pantalla de alta definición?
En ocasiones, es posible que desees crear capturas de pantalla de alta definición (HD) o retina. Estas capturas de pantalla de Alta Definición tienen mayor resolución pero son más lentas y se vuelven aún más lentas con dimensiones más grandes, por esta razón se recomienda no crear una imagen demasiado grande. Como tal, probablemente también necesitarás especificar un retraso para que la captura de pantalla tenga la oportunidad de renderizarse.
El siguiente código muestra cómo hacer una captura de pantalla de alta definición en cada idioma, configurando el parámetro HD en verdadero. Esto crea una imagen de alta resolución al duplicar el ancho y el alto de la imagen, aumentando cuatro veces la resolución de una captura de pantalla estándar. Sin embargo, sería contraproducente establezca un ancho y alto en cualquier valor menos -1 ¡ya que esto haría que la imagen se redujera nuevamente!
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 la izquierda hay un ejemplo de una captura de pantalla estándar y a la derecha hay una captura de pantalla de alta definición producida por el código anterior; ambas capturas de pantalla tienen la misma altura.
Configurar la resolución de la imagen con precisión
También se pueden crear capturas de pantalla de alta definición de diferentes tamaños especificando un ancho mayor que el ancho del navegador. GrabzIt luego escala el navegador para evitar que la imagen se estire. Sin embargo, las medidas tomadas al crear capturas de pantalla de alta definición de esta manera son inexactos, razón por la cual las capturas de pantalla completas no siempre tienen el tamaño o la escala perfectos en este modo.
Si tiene problemas para crear imágenes de alta definición escaladas correctamente con este método, intente utilizar un ancho y alto de imagen x2, x3 o x4 de las dimensiones originales del navegador.
Este modo tampoco funcionará correctamente al apuntar a elementos. Si desea apuntar a elementos, se recomienda configurar el parámetro HD como se muestra arriba.