أدوات لالتقاط وتحويل الويب

كيفية إنشاء لقطات شاشة عالية الوضوح؟

في بعض الأحيان قد ترغب في إنشاء لقطات شاشة عالية الدقة (HD) أو لقطات شاشة لشبكية العين. تتمتع لقطات الشاشة عالية الوضوح هذه بدقة أعلى ولكنها أبطأ وتصبح أبطأ مع أبعاد أكبر ولهذا السبب يوصى بعدم إنشاء صورة كبيرة جدًا. على هذا النحو، ربما ستحتاج أيضًا إلى تحديد تأخير لمنح فرصة عرض لقطة الشاشة.

يوضح التعليمة البرمجية التالية كيفية عمل لقطة شاشة عالية الوضوح في كل لغة، عن طريق ضبط معلمة HD على true. يؤدي هذا إلى إنشاء صورة عالية الدقة عن طريق مضاعفة عرض الصورة وارتفاعها، مما يؤدي إلى زيادة دقة لقطة الشاشة القياسية أربع مرات. ومع ذلك، فإنه سيكون له نتائج عكسية اضبط العرض والارتفاع على أي شيء سوى -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 كما هو موضح أعلاه.