Работа с разными разрешениями при создании галереи

Question

В настоящее время я борюсь с различными разрешениями при создании моего приложения-галереи . Я понял проблему: фотографии могут быть в разном разрешении или в пейзаж / портрет . Если я заставлю изображения к фиксированному разрешению - они, вероятно, будут рассматриваться как растянутый . Если я этого не сделаю: я могу ожидать что-то вроде этого (пример 6 разных изображений со слабым разрешением, только с фиксированным разрешением):

Когда я на самом деле ищу что-то вроде этого (6 изображений с таким же разрешением): (эти две галереи фактически используют один и тот же код)

Буду признателен за любые предложения о том, как сделать это максимально безболезненным для зрителя. Спасибо!

Answer 1

Если вы заботитесь о фотографе с художественным нравом, не обрезайте изображение.

Измените их размер до максимального размера (ширины или высоты) до определенной меры, 400px, и поместите их в квадратное деление.

Answer 2

Миниатюры галереи имеют фиксированные размеры (и фиксированное отношение веса / роста), но исходные изображения имеют переменные размеры (и переменное соотношение веса / роста).Здесь у вас есть следующие параметры: 1- Растянуть исходные изображения по размерам миниатюр.2. Добавьте пустые места (например, белые) к исходным изображениям.3- Обрезать лишние пробелы из исходных изображений. Demonstartion

Answer 3

Если вы не хотите обрезать что-либо, но по-прежнему хотите, чтобы на экране было как можно меньше пробелов, вам необходимо найти оптимальное расположение изображений в неизменном виде. Это очень сложная (NP-полная?) Проблема, но вы можете сократить некоторые углы, если хотите.

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

Вы можете найти "симпатичные" способы укладки экрана с заполнением для общих форматных соотношений камер, например 16: 9 и 4: 3 и отработать это предположение.

Answer 4

Я думаю, что вы говорите о размерах изображения (не о разрешении, которое является количеством пикселей в 1 дюйме).

Чтобы получить то, что вы хотите: (1) Выберите соотношение ширины и высоты, которое выпоказать изображение (2) Вырезать лишние части изображений, чтобы соответствовать указанному выше соотношению (вы можете использовать библиотеку GD для PHP)

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