כלים ללכידה ולהמרה של האינטרנט
תמונה ממוזערת של האתר

צור תמונות ממוזערות של אתר באמצעות GrabzIt

לעתים קרובות מפתחי אתרים צריכים ליצור תצוגה מקדימה של דפי אינטרנט. לשיפור שיעורי הקליקים ושיתוף בפייסבוק ומדיה חברתית אחרת.

כברירת מחדל ממשק ה- API של GrabzIt ו כלי צילום מסך מקוון תיצור תמונות ממוזערות של אתר על ידי כיווץ צילום המסך של האתר. עד שהוא מתאים לגודל המקסימלי המותר בחבילה של המשתמש.

עם זאת אם אתה רוצה ליצור תמונה ממוזערת לממדים הספציפיים שלך. אז מומלץ שהתמונה הממוזערת תהיה פחות מגודל הפרמטרים של רוחב הדפדפן וגודל הדפדפן. כברירת מחדל זה 1024px ו- 768px בהתאמה.

חשוב גם שהיחס בין רוחב וגודל התמונה הממוזערת להישמר לרוחב וגובה הדפדפן. מכיוון שהדבר מונע את תמונת התמונה הממוזערת של תמונת המסך של דף האינטרנט.

מחשבון תמונה ממוזערת

px
px
19%
195px
146px

מחשבון זה מחשב אוטומטית את הרוחב והגובה הטובים ביותר עבור התמונות הממוזערות שלך. בהתבסס על איזה אחוז התמונה הממוזערת צריכה להיות ברוחב וגובה הדפדפן. תוך שמירה על תמונה פרופורציונאלית לגודל הדפדפן על מנת לעצור כל מתיחה של התמונה.

לנוחיות כל השינויים שבוצעו במחשבון זה באים לידי ביטוי בדוגמאות הקוד שלהלן.

כיצד להשתמש בממשק ה- API של התמונות הממוזערות של האתר שלנו

שלב את היכולת לקחת תמונות ממוזערות של דפי אינטרנט into היישום שלך עם ממשק ה- API של GrabzIt. כדי להתחיל, בחר אחת מתשע שפות התכנות הנתמכות להלן כדי לראות דוגמה לקוד והוראות נוספות.

דוגמת קוד זו מראה כמה קל ליצור תמונה ממוזערת של אתר באמצעות ASP.NET. כדי להתחיל ללכוד תמונות ממוזערות סתם הורד את ספריית ASP.NET. ואז קבל את ה- API שלך מפתח וסוד ולאחר מכן השתמש בהדגמה הכלול בתוך. ואז לבדוק את תיעוד ממשק API למסך ASP.NET כדי לגלות את כל הדרכים בהן אתה יכול להשתמש בממשק ה- API של 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 כדי לגלות את כל הדרכים בהן אתה יכול להשתמש בממשק ה- API של 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. כדי להתחיל ללכוד תמונות ממוזערות הורד ספריית JavaScript של GrabzIt. ואז קבל את ה- API שלך מפתח וסוד, הוסף את הדומיין אתה רוצה להשתמש ב- JavaScript ואז לבדוק את תיעוד API למסך המסך של JavaScript כדי לגלות את כל הדרכים בהן אתה יכול להשתמש בממשק ה- API של GrabzIt.

<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.tesla.com", 
{"bwidth":1024,"bheight":768,"width":195,"height":146}).Create();
</script>

דוגמת קוד זו מראה כמה קל ליצור תמונה ממוזערת של אתר באמצעות Node.js. כדי להתחיל ללכוד תמונות ממוזערות סתם הורד את חבילת Node.js. ואז קבל את ה- API שלך מפתח וסוד ולאחר מכן השתמש בהדגמה הכלול בתוך. ואז לבדוק את תיעוד ממשק API למסך Node.js כדי לגלות את כל הדרכים בהן אתה יכול להשתמש בממשק ה- API של 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 למסך פרל כדי לגלות את כל הדרכים בהן אתה יכול להשתמש בממשק ה- API של 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 כדי לגלות את כל הדרכים בהן אתה יכול להשתמש בממשק ה- API של 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 כדי לגלות את כל הדרכים בהן אתה יכול להשתמש בממשק ה- API של 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") 

דוגמה זו מראה כמה קל ליצור תמונה ממוזערת של אתר באמצעות ממשק ה- API של RESTful של GrabzIt. בדוק את ממשק API למסך RESTful תיעוד כדי לגלות את כל הדרכים בהן ניתן להשתמש ב- GrabzIt.

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

דוגמת קוד זו מראה כמה קל ליצור תמונה ממוזערת של אתר באמצעות Ruby. כדי להתחיל ללכוד תמונות ממוזערות סתם הורד את אבן הרובי. ואז קבל את ה- API שלך מפתח וסוד ולאחר מכן השתמש בהדגמה הכלול בתוך. ואז לבדוק את תיעוד ממשק 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")