Есть ли в api битрикса ресайз фотографии под высоту и ширину?

Question

[Павел Сидоров]

Добрый день
Подскажите, есть ли api битрикса ресайз фото пода ширину и высоту с сохранением пропорций.

допустим чел грузит 1170х700 , далее ресайз по моим параметрам 720х520 с сохранением пропорций.

Единственный важный нюанс, что должны быть насильно выстроены мои пропорции 720х520 и не меньше высотой.

Comments

[PetrPo]

Не совсем понятно как тебе надо. Делай CFile::ResizeImageGet BX_RESIZE_IMAGE_PROPORTIONAL_ALT и выставляй ширину большую, типа 10000, а высоту = 520, тогда всегда будет действовать ограничение по высоте 520

$imageId = 1;

$arImage = CFile::ResizeImageGet($imageId, array("width" => 10000, "height" => 520), BX_RESIZE_IMAGE_PROPORTIONAL_ALT, false);

[Павел Сидоров]

PetrPo, а что, ты предложил очень даже ничего)) ща попробую

[Павел Сидоров]

PetrPo, идея была хорошей и он начал так делать, только у блока с каруселью стоит стиль css width:100%; поэтому после ресайза он еще раз сжал

[Павел Сидоров]

PetrPo,
убрать эту ширину не получится , нужна адаптивность.

есть картинка она может быть любого размера по ширине и высоте. На сайте есть карусель. Туда дизайнер подготовил определенный размер фото. Я могу ресайзить по максимальной ширине и высоте фотку, но система режет с учетом пропорции преимущественно по ширине, высоту может уменьшить до меньше чем нужно. Как можно сделать адаптивный блок под высоту и ширину и в этот контейнер пихать фотку. Или это дизайнер должен каждый раз готовить фотку?
если я у родителя сделаю фикс ширину и высоту, то это не будет адаптивом. оно размажется

[PetrPo]

Павел Сидоров, в живую можешь показать?

[Павел Сидоров]

PetrPo, да, вообще без проблем. вот

[Павел Сидоров]

PetrPo, под новостями слайдер и там второй слайд. Он сжал его

[Павел Сидоров]

PetrPo, но по высоте не проходит ))

[PetrPo]

Павел Сидоров, лучшее что могу предложить так это css

.owl-item>div>div>a{
    position: relative;
    padding-top: 80%;
    display: block;}

.owl-item>div>div>a>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover}

только от знака > избавься потом, класс какой-нибудь на ссылку повесь. И вот с этим padding-top: 80% можешь поиграть - меньше/больше поделать

[Павел Сидоров]

PetrPo, object-fit: cover- это ключевое
Я тоже о нем думал, но вдруг был какой то проще способ)

[Павел Сидоров]

PetrPo, спасибо!

[PetrPo]

Павел Сидоров, отметь решением

Answer 1

[PetrPo]

Первый вариант
Делай CFile::ResizeImageGet BX_RESIZE_IMAGE_PROPORTIONAL_ALT и выставляй ширину большую, типа 10000, а высоту = 520, тогда всегда будет действовать ограничение по высоте 520

$imageId = 1;

$arImage = CFile::ResizeImageGet($imageId, array("width" => 10000, "height" => 520), BX_RESIZE_IMAGE_PROPORTIONAL_ALT, false);

второй вариант
могу предложить так это css

.owl-item>div>div>a{
    position: relative;
    padding-top: 80%;
    display: block;}

.owl-item>div>div>a>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover}

только от знака > избавься потом, класс какой-нибудь на ссылку повесь. И вот с этим padding-top: 80% можешь поиграть - меньше/больше поделать