Дизайнерам | изображения на сайте

Очень часто в сайтах встречается ситуация, когда к товару прикрепляется набор изображений разного размера: маленькие изображения используются в списках товаров, а большие на странице товара. В этом случае необходимо делать эти изображения разного размера, но одинаковых пропорций

Сначала выбирается высота/ширина маленького или большого изображения. Дальше выбирается пропорция, приятная для глаза (3/2, 3/4, 0.68 и др.). Дальше высчитывается вторая сторона маленького изображения, выбирается сторона большого и высчитывается аналогично.

Допустим, ширина маленького изображения выбрана 110 и соотношение сторон выбрано 1.5 с альбомной компоновкой (ширина больше высоты).
Высота получается 73 (110 / 1.5).
Ширина большого изображения выбрана равной 346, тогда высота должна быть меньше ровно В 1.5 раза и быть равной 237.

Почему это необходимо делать:

1. Так выглядит красивее по дизайну: видны чёткие закономерности в пропорциях
2. Так легче дизайнеру, т.к. у него все размеры выводятся из ширины/высоты и пропорции (3/2, 3/4, 0.68 и др.) и не надо ломать голову в выборе
3. Так легче программисту: ему нужно просто уменьшать каждое изображение пропорционально (см. пункт 3)
4. Делая иначе, мы приходим к необходимости обрезать края изображения, что может в некоторых случаях быть недопустимым
5. Поскольку обрезать в общем случае нельзя: программист вынужден курочить дизайн, самостоятельно подгоняя размеры под одну из пропорций (беря за основу маленькое либо большое изображение и выводя оттуда пропорции), и бездарно тратить своё время