Как найти соотношение сторон для картинки?

Question

[Евгений Якушов]

В общем, проблема такая, не могу сообразить что делать со сторонами картинки. Допустим у нас есть изображение 780х1040, нужно его уменьшить оставив пропорции изображения, но есть условие, его ширина должна быть меньше чем 660, а высота меньше чем 500.

Answer 1

[Евгений Якушов]

Крч, все решил:

// Выбор оптимального размера
$initialSizeWidth = 660;
$initialSizeHeight = 500;

// $image[0] - ширина, $image[1] - высота

if( $image[1] > $image[0] ){
	$adaptedWidth = $initialSizeWidth;
	$coefficienWidth = $image[0] / $initialSizeWidth;
	$prevHeight = $image[1] / $coefficienWidth;

	$adaptedHeight = $initialSizeHeight;
	$coefficienHeight = $prevHeight / $initialSizeHeight;
	$adaptedWidth = $initialSizeWidth / $coefficienHeight;
}else{
	$adaptedHeight = $initialSizeHeight;
	$coefficienHeight = $image[1] / $initialSizeHeight;
	$prevWidth = $image[0] / $coefficienHeight;

	$adaptedWidth = $initialSizeWidth;
	$coefficienWidth = $prevWidth / $initialSizeWidth;
	$adaptedHeight = $initialSizeHeight / $coefficienWidth;
}

Answer 2

[fl3nkey]

Поделив ширину на высоту мы получим соотношение сторон относительно ширины.
Если мы хотим изменить высоту сохраняя пропорции, для получения ширины надо новую высоту умножить на соотношение сторон.
Если мы хотим изменить ширину сохраняя пропорции, для получения высоты надо новую ширину поделить на соотношение сторон.

var width = 1280;
var height = 720;
var ratio = width / height;

//новая ширина относительно новой высоты
var new_height = 500;
var new_width = new_height * ratio;

//новая высота относительно новой ширины
var new_width = 800;
var new_height = new_width / ratio;

Comments

[Евгений Якушов]

нууу, почти то, что нужно, но нет, допустим картинка 1000х2000px не влезает по высоте

[fl3nkey]

Евгений Якушов, ну так я написал как найти соотношение сторон и как изменять размеры сохраняя пропорции. Что бы картинка была не больше 660x500, получайте размер картинки, проверяйте подходит ли размер картинки по условию и выставляйте размеры картинки сохраняя пропорции.

[Александр]

Евгений Якушов, Вам шашечки или ехать?
Если вы хотите взять картинку, запихать ее в размеры взятые с потолка, причем так что бы сохранились пропорции, то так не бывает, либо довольствуйтесь тем что получается, либо используйте другую картинку

[Ankhena]

fl3nkey, мой респект, я бы просто отправила в школу, тут подсказывают, что пропорции в 6 классе изучают.

Answer 3

[Александр]

Берете любой графический редактор и уменьшаете с сохранением пропорций, в чем проблема то?

Comments

[Евгений Якушов]

Трабл в том, что я загружаю на сайт картинку, и мне нужно уменьшить ее, чтобы была меньше 660 по ширине и меньше 500 по высоте. Поэтому мне нужна пропорция, не могу сообразить как ее получить

[Александр]

задаете картинке в css или html один из размеров, второй автоматом подстраивается с сохранением пропорций

[Евгений Якушов]

Александр, вся суть в том, что если я задам по ширине не больше 660 px, то он мне по высоте за 500px уйдет автоматической подстановкой размера

[Александр]

Ну так а вам что надо? Задали ширину - автоматом получили высоту с сохранением пропорций,
Если у вас у картинки ширина 780, а высота 1040, то кто вам виноват что картинка с портретной ориентацией?