قرار دادن در جعبه

تصاویر را مقیاس کنید تا کاملاً در یک جعبه محدودکننده مشخص قرار گیرند در حالی که نسبت ابعاد اصلی حفظ می‌شود—معادل رفتار object-fit: contain در CSS. تصویر فقط به اندازه لازم کوچک می‌شود تا عرض و ارتفاع در حدود حداکثر شما بمانند.

الگوریتم نسبت ابعاد تصویر را با نسبت ابعاد جعبه محدودکننده مقایسه می‌کند تا تعیین کند کدام بعد محدودیت است. نتیجه کاملاً در محدوده‌های مشخص شده با دقت تناسبی تضمین شده قرار می‌گیرد.

مدیران پلتفرم محدودیت‌های اندازه آپلود را اعمال می‌کنند. سیستم‌های تولید تصویر کوچک پیش‌نمایش‌ها را تولید می‌کنند. طراحان قالب ایمیل تصاویر را محدود می‌کنند. برنامه‌های گالری تصاویر را در ظروف با اندازه ثابت نمایش می‌دهند. پردازش محلی در مرورگر.