Outils pour capturer et convertir le Web

Comment créer des captures d'écran haute définition?

Parfois, vous souhaiterez peut-être créer des captures d’écran haute définition (HD) ou rétine. Ces captures d'écran haute définition ont une résolution accrue mais sont plus lentes et deviennent encore plus lentes avec des dimensions plus grandes, c'est pourquoi il est recommandé de ne pas créer une image trop grande. En tant que tel, vous devrez probablement également spécifier un délai pour donner à la capture d'écran une chance de s'afficher.

Le code suivant montre comment réaliser une capture d'écran haute définition dans chaque langue, en définissant le paramètre HD sur true. Cela crée une image haute résolution en doublant la largeur et la hauteur de l’image, augmentant ainsi de quatre fois la résolution d’une capture d’écran standard. Cependant, il serait contre-productif de définir une largeur et une hauteur sur autre chose que -1 car cela entraînerait une nouvelle réduction de l'image !

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")

À gauche se trouve un exemple de capture d'écran standard et à droite une capture d'écran haute définition produite par le code ci-dessus, les deux captures d'écran ont la même hauteur.


Définition précise de la résolution de l'image

Des captures d'écran haute définition de différentes tailles peuvent également être créées en spécifiant une largeur supérieure à la largeur du navigateur. GrabzIt met ensuite à l'échelle le navigateur pour empêcher l'étirement de l'image. Cependant, les mesures prises lors de la création de captures d'écran haute définition de cette manière sont inexacts, c'est pourquoi les captures d'écran complètes ne sont pas toujours parfaitement dimensionnées ou mises à l'échelle dans ce mode.

Si vous rencontrez des problèmes pour créer des images haute définition correctement mises à l'échelle à l'aide de cette méthode, essayez d'utiliser une largeur et une hauteur d'image x2, x3 ou x4 par rapport aux dimensions d'origine du navigateur.

Ce mode ne fonctionnera pas non plus correctement lors du ciblage d’éléments. Si vous souhaitez cibler des éléments, il est recommandé de définir le paramètre HD comme indiqué ci-dessus.