Herramientas para capturar y convertir la web

¿Cómo crear capturas de pantalla de alta definición?

Ocasionalmente, es posible que desee crear capturas de pantalla de alta definición (HD) o retina. Estas capturas de pantalla de alta definición tienen una 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 deba especificar un retraso para dar la oportunidad de capturar la captura de pantalla.

El siguiente código muestra cómo hacer una captura de pantalla de alta definición en cada idioma, estableciendo el parámetro HD en verdadero. Esto crea una imagen de alta resolución al duplicar el ancho y la altura de la imagen, aumentando la resolución de una captura de pantalla estándar cuatro veces. Sin embargo, sería contraproducente establecer un ancho y alto para cualquier cosa 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.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 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.


Configuración precisa de la resolución de la imagen

Las capturas de pantalla de alta definición de diferentes tamaños también se pueden crear especificando un ancho mayor que el ancho del navegador. Luego, Grabz 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, por lo que 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 correctamente escaladas utilizando este método, intente usar un ancho y alto de imagen que sea x2, x3 o x4 de las dimensiones originales del navegador.

Este modo tampoco funcionará correctamente al seleccionar elementos. Si desea orientar elementos, se recomienda que configure el parámetro HD como se muestra arriba.