Как создавать скриншоты в высоком разрешении?

Иногда вам может потребоваться создать снимки экрана высокого разрешения (HD) или сетчатки. Эти снимки экрана в высоком разрешении имеют увеличенное разрешение, но работают медленнее и становятся еще медленнее с увеличением размера, поэтому не рекомендуется создавать слишком большие изображения. Таким образом, вам, вероятно, также потребуется указать задержку, чтобы дать возможность снимку экрана отобразиться.

Следующий код показывает, как сделать снимок экрана высокого разрешения на каждом языке, установив для параметра HD значение true. Это создает изображение с высоким разрешением за счет удвоения ширины и высоты изображения, увеличивая разрешение стандартного снимка экрана в четыре раза. Однако было бы контрпродуктивно установите ширину и высоту на любое значение, кроме -1 так как это приведет к повторному уменьшению изображения!

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Питон
REST API
Ruby

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

Слева приведен пример стандартного снимка экрана, а справа — снимок экрана высокого разрешения, созданный приведенным выше кодом. Оба снимка экрана имеют одинаковую высоту.

Точная установка разрешения изображения

Скриншоты высокого разрешения разных размеров также можно создавать, указав ширину, превышающую ширину браузера. Затем GrabzIt масштабирует браузер, чтобы предотвратить растягивание изображения. Однако измерения, проведенные при создании снимков экрана высокой четкости таким способом неточны, поэтому полноразмерные скриншоты в этом режиме не всегда имеют идеальный размер или масштаб.

Если у вас возникли проблемы с созданием правильно масштабированных изображений высокой четкости с помощью этого метода, попробуйте использовать ширину и высоту изображения, равную x2, x3 или x4 исходных размеров браузера.

Этот режим также не будет работать должным образом при выборе элементов. Если вы хотите настроить таргетинг на элементы, рекомендуется установить параметр HD, как показано выше.

Дополнительные статьи о веб-захвате Сообщество Вопросы