Web Yakalama ve Dönüştürme Araçları

Yüksek Çözünürlüklü Ekran Görüntüleri Nasıl Oluşturulur?

Bazen yüksek çözünürlüklü (HD) veya retina ekran görüntüleri oluşturmak isteyebilirsiniz. Bu Yüksek Çözünürlüklü ekran görüntülerinin çözünürlüğü artırılmıştır ancak daha yavaştır ve boyutlar büyüdükçe daha da yavaşlar, bu nedenle çok büyük bir görüntü oluşturmamanız önerilir. Bu nedenle, ekran görüntüsünün oluşturulmasına şans vermek için muhtemelen bir gecikme belirtmeniz gerekecektir.

Aşağıdaki kod, HD parametresini true olarak ayarlayarak her dilde yüksek çözünürlüklü ekran görüntüsünün nasıl oluşturulacağını gösterir. Bu, görüntü genişliğini ve yüksekliğini iki katına çıkararak, standart bir ekran görüntüsünün çözünürlüğünü dört kat artırarak yüksek çözünürlüklü bir görüntü oluşturur. Ancak bu ters etki yaratacaktır -1 dışında herhangi bir şeye genişlik ve yükseklik ayarlayın çünkü bu, görüntünün yeniden küçültülmesine neden olur!

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

Solda standart bir ekran görüntüsü örneği, sağda ise yukarıdaki kod tarafından üretilen yüksek çözünürlüklü bir ekran görüntüsü bulunmaktadır; her iki ekran görüntüsü de aynı yüksekliğe sahiptir.


Görüntü Çözünürlüğünün Hassas Olarak Ayarlanması

Tarayıcı genişliğinden daha büyük bir genişlik belirtilerek farklı boyutlarda yüksek çözünürlüklü ekran görüntüleri de oluşturulabilir. GrabzIt daha sonra görüntünün uzatılmasını durdurmak için tarayıcıyı ölçeklendirir. Ancak bu şekilde yüksek çözünürlüklü ekran görüntüleri oluşturulurken alınan ölçümler hatalıtam uzunluktaki ekran görüntülerinin bu modda her zaman mükemmel boyutlara veya ölçeklere sahip olmamasının nedeni budur.

Bu yöntemi kullanarak doğru ölçeklendirilmiş yüksek çözünürlüklü görseller oluşturmada sorun yaşıyorsanız, lütfen orijinal tarayıcı boyutunun x2, x3 veya x4'ü kadar bir görsel genişliği ve yüksekliği kullanmayı deneyin.

Bu mod, öğeleri hedeflerken de düzgün çalışmayacaktır. Öğeleri hedeflemek istiyorsanız HD parametresini yukarıda gösterildiği gibi ayarlamanız önerilir.