웹 캡처 및 변환 도구

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

간혹 고화질 (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.8/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.ashx?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")

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


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

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

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

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