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

إنشاء صور مصغرة للموقع مع GrabzIt

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

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

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

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

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

px
px
19%
195px
146px

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

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

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

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

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

ImageOptions options = new ImageOptions();
options.BrowserWidth = 1024;
options.BrowserHeight = 768;
options.Width = 195;
options.Height = 146;

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, 1024, 768, 195, 146, 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(1024);
options.setBrowserHeight(768);
options.setWidth(195);
options.setHeight(146);

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@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"bwidth":1024,"bheight":768,"width":195,"height":146}).Create();
</script>

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

var grabzit = require('grabzit');

var options = {"width":195, "height":146, 
    "browserHeight":768, "browserWidth":1024};

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(1024);
$options->browserHeight(768);
$options->width(195);
$options->height(146);

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

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

include("GrabzItClient.php");

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

$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 = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

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

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

require 'grabzit'

options = GrabzIt::ImageOptions.new()
options.browserWidth = 1024
options.browserHeight = 768
options.width = 195
options.height = 146

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