help-header

استفاده از قابلیت Image Resize ابر آروان 

امروزه تصاویر نقشی اساسی در محتوای صفحات وب دارند. با توجه به استفاده‌ی کاربران از دستگاه‌های مختلف، متناسب بودن اندازه‌ی تصاویر وب‌سایت‌ها با اندازه‌ی صفحه‌های نمایش متفاوت و نیاز به تصاویر با ابعاد متناسب اهمیت زیادی پیدا کرده است.

گاهی نیاز است از یک تصویر، چند نسخه با ابعاد مختلف برای صفحه‌های نمایش‌ مختلف تهیه شود. این موضوع هزینه زیادی از نظر توان پردازشی برای تبدیل تصاویر و  فضای ذخیره‌سازی برای صاحبان وب‌سایت‌ها ایجاد می‌کند. ارایه راهکاری برای حل این دغدغه، می‌تواند برای وب‌سایت‌ها مفید باشد. 

به کمک  ابزار Image Resize در شبکه توزیع محتوا ابر آروان، می‌توانید تنها نسخه‌ی اصلی تصویر را روی سرورهای خود نگهداری و هر اندازه‌ای از تصویر مورد نظر در سمت مرورگر و یا اپلیکیشن‌های خود را تنها با یک درخواست از CDN دریافت کنید. 

 

01111.jpg 

 

شیوه‌ کار قابلیت Image Resize 

این قابلیت روی تصاویر با فرمت‌های JPG، PNG و WebP قابل اعمال است و اگر فرمت تصویر ورودی متفاوت باشد، تغییرات سایز  روی آن اعمال نخواهد شد. در فایل‌های GIF نیز تنها اولین فریم تغییر سایز داده می‌شود و به‌عنوان فایل عکس غیر انیمیشنی ذخیره می‌شود. 

برای Image Resize محدودیت ابعاد و اندازه‌ی 2MB و 3000px در 3000px وجود دارد. با دریافت تصاویری بالاتر از این ابعاد، تصویر بدون تغییر خواهد ماند.  اگر فایل بارگذاری شده فشرده‌سازی شده (مانند فرمت GZip) باشد، تغییر سایز روی تصویر غیرفشرده‌سازی شده اعمال می‌شود.  

این قابلیت می‌تواند برای کل دامنه تعریف شود تا برای هر تصویری که در دامنه بارگذاری می‌شود، اعمال شود. هم‌چنین امکان تعریف Image Resize برای PageRuleها نیز وجود دارد تا تغییر تصاویر برای قوانین صفحه‌هایی خاص انجام شود. در نظر داشته باشید اگر تنظیمات برای یک PageRule خاص و کل دامنه به‌شکل همزمان فعال باشد، اولویت Image Resize با تنظیمات مربوط به PageRule خواهد بود. 

 

ساختار درخواست‌ها

قابلیت Image Resize هم برای کوچک‌سازی و هم برای بزرگ کردن اندازه‌ی تصاویر به کار می‌رود. ابعاد مورد نظر برای استفاده در Image Resize به‌شکل طول و عرض در Query String دریافت می‌شود. درخواست‌ زیر نمونه‌ای از درخواست‌های Image Resize‌ است. 

 

example.com/path/to/image.jpg?width=x&height=y


در این درخواست آدرس فایل اصلی به‌شکل https://example.com/path/to/image.jpg و ابعاد دل‌خواه با Width  Height به‌شکل Query String مشخص شده‌اند. برای مثال، تصویر زیر را به‌عنوان ورودی در نظر بگیرید.

gtmetrix.web__1_.jpg

  

حال اگر نیاز به همین تصویر با یک ابعاد جدید (به‌عنوان مثال 400x250 پیکسل) نیاز داشته باشیم، این ابعاد را به‌شکل زیر در ادامه‌ی URL مسیر فایل اصلی قرار می‌دهیم:

example.com/path/to/image.jpg?width=400&height=250

و تصویر را به‌شکل Resize شده، مانند تصویر زیر دریافت می‌کنیم. تصاویر پس از Resize شدن، روی سرورهای لبه‌ی CDN کش می شوند.

gtmetrix.web__1_.jpg

 

شیوه فعال‌سازی قابلیت Image Resize 

با استفاده از این امکان، بدون نیاز به تغییر دستی تصاویر در حین هر بار بارگذاری، تنها با انجام تنظیماتی ساده تصویرهای وب‌سایت شما تغییر اندازه و کیفیت خواهند یافت تا در بهینه‌ترین حالت ممکن به مخاطبان ارایه شوند. برای فعال سازی قابلیت Image Resize روی شبکه‌ توزیع محتوا ابر آروان، کافی است درخواست خود را با ارسال تیکت از طریق پنل کاربری ابر آروان به بخش مشتریان اطلاع دهید.