때로는 고화질(HD) 또는 Retina 스크린샷을 만들고 싶을 수도 있습니다. 이러한 고화질 스크린샷은 해상도는 높지만 크기가 커지면 속도가 느려지고 더욱 느려지므로 이미지를 너무 크게 만들지 않는 것이 좋습니다. 따라서 스크린샷을 렌더링할 수 있는 기회를 제공하기 위해 지연을 지정해야 할 수도 있습니다.
다음 코드는 HD 매개변수를 true로 설정하여 각 언어로 고화질 스크린샷을 만드는 방법을 보여줍니다. 이는 이미지 너비와 높이를 두 배로 늘려 표준 스크린샷의 해상도를 XNUMX배 높여 고해상도 이미지를 생성합니다. 그러나 그것은 역효과를 낳을 것입니다. 너비와 높이를 -1 이외의 값으로 설정 이렇게 하면 이미지의 크기가 다시 축소될 수 있습니다!
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 매개변수를 설정하는 것이 좋습니다.