سایز عکس ها با Image rendition

در شیرپوینت، شما باید با این شرایط روبرو شده باشید که به ابعاد مختلف (عرض و ارتفاع) یک تصویر برای استفاده در مکان‌های مختلف سایت نیاز دارید. Image Renditions یک ویژگی عالی در شیرپوینت است. با تغییر سایز عکس ها با Image rendition ، شیرپوینت به این نیاز کاربران نیز پاسخ داده است.
برای پیاده سازیImage Rendition پیش نیاز‌هایی لازم است که اگر این پیش نیازها به درستی رعایت نشوند، Image Rendition در SharePoint ممکن است به درستی کار نکند.
سایتی که با آن کار می کنید باید از نوع publishing site باشد یا ویژگی publishing (انتشار ) در آن سایت فعال باشد.
اگر در SharePoint On-premises کار می کنید، Blob Cache باید در سطح برنامه وب از فایل پیکربندی وب فعال شود. اگر فعال نباشد، نمی‌توانیم به Image Renditions دسترسی پیدا کنیم.
برای فعال کردن Blob Cache به فایل Web config در web application بروید و Blob Cache را جستجو کنید و مقدار آن را True کنید.

چگونه با Image Rendition عکسی را ویرایش یا ایجاد کنیم؟

به تنظیمات سایت (site settings) بروید.
در بخش look and feel روی گزینه”Image Rendition” کلیک کنید.

به صورت پیش فرض، شما آیتم هایی را که ار قبل با نام، طول و عرض ساخته شده اند را می بینید.
برای ساخت Image rendition جدید روی گزینه “Add new item” کلیک کنید.

نام، طول و عرض rendition ای که میخواهید ایجاد کنید را وارد کنید.

چگونه همه‌ی Rendition ها را نمایش دهیم/ببینیم؟

به کتابخانه(library) بروید.
رویellipsis کلیک کنید و call out pop up را باز کنید. روی Edit Renditions کلیک کنید این کار صفحه ی Manage image rendition را باز می کند.
اگر نمی توانید Edit renditions را پیدا کنید می توانید از url زیر در بروزر(browser) خود استفاده کنید.

چگونه عکس را کراپ (crop) کنیم؟

در صفحه ی Manage image rendition روی “CLICK TO CHANGE” کلیک کنید.

یک صفحه باز می شود و اینجا می توانید عکس مورد نظر را کراپ کنید. اگر این Image Rendition را تغییر دهید.چند دقیقه طول می کشد که عکس جدید در سایت شما باز شود.
میتوانید عکس را بر طبق نیاز و خواست خودتان کراپ کنید و روی “save” کلیک کنید.

چگونه از Image Rendition استفاده کنیم؟

یک web part page ایجاد کنید و عکسی که در document library آپلود شده است را اینجا اضافه کنید.
اکنون صفحه را ویرایش کرده و روی عکس کلیک کنید.
وقتی روی عکس کلیک میکنید یک نوار می بینید و Image Tab ایجاد شده است
روی Image tab (پنجره عکس) کلیک کنید، می توانید پنجره دیگری به نام Pick Rendition ببینید که وقتی روی آن کلیک می کنید می توانید rendition هایی را که ایجاد کرده اید ببینید.

راه دیگری برای استفاده از Image Rendition

هر Image Rendition یک Id منحصر به فرد دارد که Rendition Id نامیده می شود.
شما می توانید Image Rendition را با Rendition Id یا پارامتر های طول و عرض به صورت مستقیم مستقیم در url (آدرس دسترسی) عکس مورد نظر که در زیر به آن اشاره شده است، مشخص کنید.

1. استفاده از Rendition Id

برای تست، این کد html را در Content Editor web part قرار دهید.

2. استفاده از طول و عرض

اگر چندین Rendition با طول و عرض یکسان وجود دارد، پیشنهاد می شود برای مشخص کردن عکس از هر دو پارامتر در url عکس استفاده کنید.

3. استفاده از عرض

اگر Rendition ‌های دیگری با عرض یکسان وجود ندارند، می توانیم از عرض به عنوان تنها پارامتر در url عکس استفاده کنیم.

4.استفاده از طول

اگر Rendition های دیگری با طول یکسان وجود ندارند، می توانیم از طول به عنوان تنها پارامتر در url عکس اتفاده کنیم.