Как отобразить изображения с различным соотношением сторон на странице списка продуктов с фиксированным соотношением сторон для всех изображений?
У нас есть веб-сайт, на который загружаются изображения с разным соотношением сторон, например, 4x3, 16x9, 1x1 и т. Д.
Мы хотим отобразить все продукты на нашей странице поиска продуктов в формате 16x9. Проблема заключается в том, что изображения, снятые в портретном режиме, обрезаются при преобразовании в формат 16x9.
Мы пытаемся найти решение этой проблемы:
Создайте изображение, добавив черную полосу по ширине / высоте, чтобы получить изображение 16x9. Если изображение размером 70x40, добавьте черную полосу 10x5, чтобы сделать его с соотношением сторон 16x9. Позволяет немного урезать изображение при создании изображения с соотношением сторон 16x9 из исходного загруженного изображения. Есть ли лучшая альтернатива для этого, например, чтобы показать изображения с различным соотношением сторон на странице списка продуктов?