Как лучше показывать в товаре фотографии разной высоты?

Question

[DMTR3000S]

Всем приветики.
Столкнулся с задачкой: в интернет-магазине у каждого товара есть несколько фотографий с разными соотношениями сторон - от альбомной ориентации до квадратной. Я понимаю, что лучше всего либо иметь нормальные одинаковые фотки изначально, но, как говорится, что клиент имеет. Фотографии на странице товара отображаются слайдером с миниатюрами внизу. Пока что вышел из положения добавив изменяющуюся высоту слайдера, но такое решение мне не нравится из-за того, что квадратная фотка капец как растягивает весь модуль по высоте. Есть ли какие-то best practice для таких случаев?

Answer 1

[Сергей delphinpro]

Вариантов не много вроде. cover / contain / by width / by height / fill
У каждого свои недостатки.
Я иногда так делаю, смотрится неплохо:

Comments

[Денис Шевченко]

как вы так делаете, заранее размываете или есть готовые решения?

[Сергей delphinpro]

Денис Шевченко, дубликат картинки в фоне и css блюр
filter: blur(10px);

[Денис Шевченко]

Сергей, спасибо, занятно