웹 캡처 및 변환 도구

고화질 스크린 샷을 만드는 방법?

때로는 고화질(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 매개변수를 설정하는 것이 좋습니다.