Делаю для сайта фотогалерею.
В галерее будут размещаться фотографии достаточно большого разрешения. При отображении в браузере будет использоваться отмасштабированная версия, будет несколько масштабированных размеров под типовые разрешения, которые будут формироваться сразу, либо по требованию.
При этом исходные фотографии могут быть разных пропорций — 1:1, 3:2, 4:3, 16:9, да и любыми другими тоже.
В полноэкранном режиме фотографии будут показываться целиком, но слайды или крупная сетка будут кадрировать фотографию под какие-либо конкретные пропорции.
Можно всегда кадрировать по центру, но иногда при этом будет обрезаться важная часть кадра.
Допустим, в интерфейсе загрузки фотографий для каждого кадра можно кликом выбрать точку на важном объекте и при кадрировании она будет находится по возможности в центре кадра.
Что еще следует учесть?

exp98Кадрируй, чтобы длинная сторона вмещалась, не будет потерь.
Будут полосы по краям, ИМХО это хуже.

AkinaНе точку, а область (прямоугольная, ессно), которая НЕ должна быть урезана.
Не так уж это много даст, если пропорции прямоугольной области не совпадают с требуемыми пропорциями кадра.
Можно выбирать несколько точек или область, но опорной точкой при кадрировании нужно выбирать одну точку (в геометрическом центре точек или области).

softwarerПосмотри как это сделано, например, в гугль фото.
Да, хороший пример, как-то про такой способ заполнения канвы фотографиями разных размеров и пропорций я не подумал.
Буду иметь ввиду, но все же у меня будут задачи, где фотографии должны выводиться прямоугольной сеткой, с одинаковыми размерами кадров.

Akinaсохранить пропорции? не получить полос по краям?
Сохранить пропорции без полос. Лишнее вполне можно обрезать.
Чтобы обрезалось наименее лишнее, можно будет указать якорную точку (которая по умолчанию находится в центре кадра).
Если даже случайно отрежется нужное лишнее, его будет видно на полноэкранном просмотре.

Alibek B.Подобрать цвет заливки этой полосы... да хоть бы и ambilight эмулируй.
Будет убого.
Тогда уж лучше на фоне выводить увеличенное и размытое изображение (так обычно на iPhone делается при портретной съемке).
Но это сложно и на мой взгляд в web не нужно.