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 Retina. Les captures d'écran haute définition sont plus lentes et deviennent encore plus lentes avec des dimensions plus grandes. Pour cette raison, 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 que la capture d'écran ait la possibilité de s'afficher.

Le code suivant montre comment créer 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 et en augmentant 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 autres que -1 cela réduirait l'image à nouveau!

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.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.bbc.co.uk", 
{"hd":true,"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")
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, 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.


Réglage précis 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 redimensionne ensuite le navigateur pour arrêter 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 inexactes, c’est pourquoi les captures d’écran complètes ne sont pas toujours parfaitement dimensionnées ni mises à l’échelle dans ce mode.

Si vous rencontrez des problèmes pour créer des images haute définition correctement dimensionnées à l'aide de cette méthode, essayez d'utiliser une largeur et une hauteur d'image correspondant à x2, x3 ou x4 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.