Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Подгонка размера изображений к одному формату. (https://javascript.ru/forum/offtopic/40295-podgonka-razmera-izobrazhenijj-k-odnomu-formatu.html)

Duda.Ml1986@gmail.com 30.07.2013 20:16

Подгонка размера изображений к одному формату.
 
Приветствую.

Строю интернет магазин. У пользователь будет возможность добавлять фото для аватара. Так вот аватар будет 150*240, а загружаемые фото совсем разные. Как можно сделать так что бы блоки (до 100) с изображениеями ранее загруженными пользователями отображались одинаково и в один размер.

Пробовал так:

150 пх/ ширина загружаемой картинки = процент

Ширина аватара = ширина загружаемой картинки * процент

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

Короче картинки то широкие, то высокие, а напрягать людей вводить фото только одного размера или менять размер после загрузки невозможно.

Как вывести фото к одному размеру? Возможно оставлят пустые места на изображении аватара?

Спасибо.

dmitriymar 30.07.2013 21:14

Цитата:

Сообщение от Duda.Ml1986@gmail.com
Как вывести фото к одному размеру? Возможно оставлят пустые места на изображении аватара?

любое изображение можно вписать в квадрат с помощью вычисления отступов и высоты и ширины чтобы понять какая сторона больше и будет ведущей

nerv_ 30.07.2013 21:16

берешь изображение загруженное ранее (< 100 px), увеличиваешь его ширину до 150px, пропорционально увеличиваешь высоту. Если высота >= 240px, все норм (т.е. можно замостить изображение "обрезав/спозиционировав" его).
Если меньше, увеличивай высоту до 240 и пропорционально ширину.

это в лоб

скорее всего можно проще )

в лохматом году я писал что-то подобное :) http://nepiu.narod.ru/works/scalable...und_image.html (подстраивается под размеры окна браузера, чтобы оставаться всегда по середине так сказать)

Duda.Ml1986@gmail.com 01.08.2013 18:50

Спасибо за ответы. Но по всей видимости есть только одно удовлетворяющее решение. Предзагрузочное редактирование изображений, такое как в вконтакте. Эх.

Tim 02.08.2013 01:12

Цитата:

Но по всей видимости есть только одно удовлетворяющее решение. Предзагрузочное редактирование изображений
Да ну!

http://php.net/manual/ru/function.im...yresampled.php


Часовой пояс GMT +3, время: 15:00.