أدوات لالتقاط وتحويل الويب
الصورة المصغرة للموقع

قم بإنشاء صور مصغرة لموقع الويب باستخدام GrabzIt

غالبًا ما يحتاج مطورو الويب إلى إنشاء معاينات لصفحات الويب. لتحسين معدلات النقر والمشاركة على Facebook ووسائل التواصل الاجتماعي الأخرى.

افتراضيا واجهة برمجة تطبيقات GrabzIt و أداة لقطة للشاشة على الإنترنت سيُنشئ صورًا مصغرة لموقع الويب عن طريق تقليص لقطة شاشة موقع الويب. حتى يتناسب مع الحجم الأقصى المسموح به في حزمة المستخدم.

ومع ذلك ، إذا كنت ترغب في إنشاء صورة مصغرة لأبعادك المحددة. ثم يوصى بأن تكون الصورة المصغرة أقل من حجم معلمات عرض المتصفح ومتصفح الارتفاع. هذا هو 1366 بكسل و 768 بكسل على التوالي افتراضيًا.

من المهم أيضًا أن تظل نسبة عرض الصورة المصغرة وارتفاعها إلى عرض المتصفح وارتفاعه. حيث يؤدي ذلك إلى إيقاف تشوه الصورة المصغرة الخاصة بلقطة شاشة صفحة الويب.

حاسبة الصور المصغرة

px
px
19%
195px
146px

تحسب هذه الآلة الحاسبة تلقائيًا أفضل عرض وارتفاع للصور المصغرة الخاصة بك. بناءً على النسبة المئوية التي يجب أن تكون عليها الصورة المصغرة لعرض المتصفح وارتفاعه. مع الحفاظ أيضًا على الصورة متناسبة مع حجم المتصفح من أجل إيقاف أي امتداد للصورة.

للراحة ، يتم عرض أي تغييرات يتم إجراؤها باستخدام هذه الآلة الحاسبة في أمثلة التعليمات البرمجية أدناه.

كيفية استخدام واجهة API المصغرة لموقع الويب الخاص بنا

Integrate القدرة على أخذ الصور المصغرة لصفحة الويب into تطبيقك مع واجهة برمجة تطبيقات لقطة الشاشة من GrabzIt. للبدء ، ما عليك سوى اختيار واحدة من لغات البرمجة التسعة المدعومة أدناه للاطلاع على مثال للرمز ومزيد من الإرشادات.

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام ASP.NET. لبدء التقاط الصور المصغرة فقط قم بتنزيل مكتبة ASP.NET. ثم احصل على API الخاص بك المفتاح والسرية وثم استخدام التجريبي الواردة في. ثم تحقق من وثائق API لشاشة ASP.NET لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

ImageOptions options = new ImageOptions();
options.BrowserWidth = ;
options.BrowserHeight = ;
options.Width = ;
options.Height = ;

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", string.Empty, , , , , ImageFormat.jpg, 0, string.Empty, 
BrowserType.StandardBrowser, string.Empty); 
grabzIt.SaveTo("images/result.jpg");

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام Java. لبدء التقاط الصور المصغرة فقط قم بتنزيل مكتبة Java. ثم احصل على API الخاص بك المفتاح والسرية وثم استخدام التجريبي الواردة في. ثم تحقق من وثائق API لشاشة Java لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

ImageOptions options = new ImageOptions();
options.setBrowserWidth();
options.setBrowserHeight();
options.setWidth();
options.setHeight();

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", options); 
grabzIt.SaveTo("images/result.jpg");

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام JavaScript. لبدء التقاط الصور المصغرة تحميل مكتبة جافا سكريبت GrabzIt. ثم احصل على API الخاص بك المفتاح والسرية, أضف المجال تريد استخدام JavaScript ثم تحقق من وثائق API لشاشة JavaScript لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@<%= APIVersion.JavaScript %>/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"bwidth":,"bheight":,"width":,"height":}).Create();
</script>

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام Node.js. لبدء التقاط الصور المصغرة فقط قم بتنزيل حزمة Node.js. ثم احصل على API الخاص بك المفتاح والسرية وثم استخدام التجريبي الواردة في. ثم تحقق من وثائق API لشاشة Node.js لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

var grabzit = require('grabzit');

var options = {"width":, "height":, 
    "browserHeight":, "browserWidth":};

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_image("https://www.tesla.com", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام Perl. لبدء التقاط الصور المصغرة فقط قم بتنزيل مكتبة بيرل. ثم احصل على API الخاص بك المفتاح والسرية وثم استخدام التجريبي الواردة في. ثم تحقق من وثائق API لشاشة Perl لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

#!/usr/bin/perl

use GrabzItClient;

$options = GrabzItImageOptions->new();
$options->browserWidth();
$options->browserHeight();
$options->width();
$options->height();

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", '', , , , );
$grabzIt->SaveTo("images/result.jpg");

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام PHP. لبدء التقاط الصور المصغرة فقط قم بتنزيل مكتبة PHP. ثم احصل على API الخاص بك المفتاح والسرية وثم استخدام التجريبي الواردة في. ثم تحقق من وثائق API لشاشة PHP لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

include("GrabzItClient.php");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserWidth();
$options->setBrowserHeight();
$options->setWidth();
$options->setHeight();

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", $options); 
$grabzIt->SaveTo("images/result.jpg");

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام Python. لبدء التقاط الصور المصغرة فقط قم بتنزيل مكتبة بايثون. ثم احصل على API الخاص بك المفتاح والسرية وثم استخدام التجريبي الواردة في. ثم تحقق من وثائق API لشاشة Python لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

from GrabzIt import GrabzItClient
from GrabzIt import GrabzItImageOptions

options = GrabzItImageOptions.GrabzItImageOptions()
options.browserWidth = 
options.browserHeight = 
options.width = 
options.height = 

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzIt.URLToImage("https://www.tesla.com", options) 
grabzIt.SaveTo("images/result.jpg") 

يوضح هذا المثال مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام واجهة برمجة تطبيقات GrabzIt's RESTful. تفحص ال RESTful لقطة شاشة API التوثيق لمعرفة كل الطرق التي يمكنك من خلالها استخدام GrabzIt.

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=jpg&bwidth=&bheight=&width=&height=&url=https%3A%2F%2Fwww.tesla.com%2F

يوضح مثال الكود هذا مدى سهولة إنشاء صورة مصغرة لموقع الويب باستخدام Ruby. لبدء التقاط الصور المصغرة فقط تحميل جوهرة روبي. ثم احصل على API الخاص بك المفتاح والسرية وثم استخدام التجريبي الواردة في. ثم تحقق من وثائق API لشاشة روبي لمعرفة جميع الطرق التي يمكنك من خلالها استخدام واجهة برمجة تطبيقات GrabzIt.

require 'grabzit'

options = GrabzIt::ImageOptions.new()
options.browserWidth = 
options.browserHeight = 
options.width = 
options.height = 

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")
grabzItClient.url_to_image("https://www.tesla.com", options)	
grabzItClient.save_to("images/result.jpg")