웹 캡처 및 변환 도구

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

간혹 고화질 (HD) 또는 망막 스크린 샷을 만들 수도 있습니다. 이러한 이유로 고화질 스크린 샷은 속도가 느리고 크기가 더 느려지므로 이미지를 너무 크게 만들지 않는 것이 좋습니다. 따라서 스크린 샷 렌더링 기회를 제공하기 위해 지연을 지정해야 할 수도 있습니다.

다음 코드는 HD 매개 변수를 true로 설정하여 각 언어로 고화질 스크린 샷을 만드는 방법을 보여줍니다. 이미지 너비와 높이를 두 배로 늘려서 표준 스크린 샷의 해상도를 4 배 증가시켜 고해상도 이미지를 만듭니다. 그러나 그것은 반 생산적 일 것입니다 너비와 높이를 -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.4.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")

왼쪽은 표준 스크린 샷의 예이고 오른쪽은 위 코드에서 생성 한 고화질 스크린 샷이며 두 스크린 샷의 높이는 동일합니다.


이미지 해상도를 정확하게 설정

브라우저 너비보다 큰 너비를 지정하여 다양한 크기의 고화질 스크린 샷을 만들 수도 있습니다. 그런 다음 이미지가 늘어나지 않도록 브라우저의 크기를 조정합니다. 그러나 이런 방식으로 고화질 스크린 샷을 만들 때 측정 한 결과 정확하지 않다그렇기 때문에이 모드에서 전체 길이 스크린 샷의 크기가 항상 완벽하게 조정되지는 않습니다.

이 방법을 사용하여 올바르게 스케일 된 고화질 이미지를 생성하는 데 문제가있는 경우 이미지 너비와 높이를 원래 브라우저 크기의 x2, x3 또는 x4로 사용해보십시오.

이 모드는 요소를 타겟팅 할 때도 제대로 작동하지 않습니다. 요소를 대상으로하려면 위에 표시된대로 HD 매개 변수를 설정하는 것이 좋습니다.