Критерии вывода приаттаченных изображений

[AlexOo]

Коллеги, подскажите пожалуйста, как реализовать следующее:

Если ширина изображения img <=400 px - выравнивать по левому краю и отобразить в оригинальном размере
Если ширина 400< img <=720 - центровка по ширине страницы и отобразить в оригинальном размере
Если ширина img >720 - отображать миниатюру 720 px и от центровать по ширине страницы

Надеюсь понятно смог расписать то, как необходимо выводить изображение и превью к нему.

Спасибо.

[Татьяна5]

Миниатюры есть "из коробки", можно настроить в админке на 720px

Отцентрировано всё слева, ширина настроена максимально на 100%, причём это одновременно. Не пойму, надо чтобы картинки менее 400px по ширине на экранах телефонов срезались, не отображались полностью, что ли?

[AlexOo]

Татьяна5, в админке заданы следующие параметры http://joxi.ru/V2VeR69SBVNG5m

Проблема заключается в следующем (возможно в шаблоне беда, не знаю)

приаттачил 2 картинки:
Первая, шириной 598 - отобразилась корректно http://joxi.ru/D2PBVg9tw1vWLr
Вторая, шириной 592 - вылезла через растянутое превью http://joxi.ru/krD91gBUGLwdvm

Разница ширины 6 пикселей, но вторая картинка смотрится отвратительно, шрифт из-за растяжки выглядит мыльным

Вот еще пример прикрепленного изображения http://joxi.ru/xAeeNyKSM6LV9A

Данные в таблице "мыльные". Главная задача - избавиться от этого эффекта.

Ширина исходного изображения 791х1024
На форуме превью выводится размером 723x936
Размеры превью по рамке (зелененький кант): 731x944

[Татьяна5]

Вторая, шириной 592

А высотой?
И вообще, отправляйте ссылку на сообщение с вложением. На скриншоте информации ровно 0

[AlexOo]

А высотой?

592x747
Задания параметров высоты в упор не вижу в настройках изображений. Для меня это не принципиальный параметр, потому, как высота какой-либо схемы/инструкции может быть больше ширины раза в 3

И вообще, отправляйте ссылку на сообщение с вложением. На скриншоте информации ровно 0

Увы, проект на локалке пока базируется, доступа к нему из сети нет (

[Татьяна5]

Задания параметров высоты в упор не вижу в настройках изображений

"Максимальные ширина и высота миниатюр"

проект на локалке

Давайте тогда сюда проблемное изображение, архивом. Проверю у себя на локалке что при загрузке происходит

[AlexOo]

Нашел идеальное изображение для текста:

NNAAAgDpIuA-960.jpg

Выглядит это вот так:
http://joxi.ru/KAx5dpluVq0PQr

[Татьяна5]

Повторяю: в архиве. Здесь при загрузке оно уже масштабировалось (скорей всего)

[Nekstati]

AlexOo, миниатюра уменьшается как по ширине, так и по высоте до значения, указанного в админке. Поэтому ваша картинка 592 px растянута, а 598 px нет, несмотря на то, что вторая шире. Возможное решение - сделать так, чтобы картинки уменьшались только по ширине или преимущественно по ширине. Это можно сделать правкой кода, например так:

 

Код: Выделить всё

includes\functions_posting.php

Найти

	// Maximum Width the Image can take
	$max_width = ($config['img_max_thumb_width']) ? $config['img_max_thumb_width'] : 400;
	
Добавить после

	if ($width > $max_width) {
		return [
			$max_width,
			round($height * ($max_width / $width)),
		];
	}
	elseif ($height > $max_width * 2) {
		return [
			round($width * ($max_width * 2 / $height)),
			$max_width * 2,
		];
	}
	else {
		return [
			$width,
			$height,
		];
	}

Ну или то же самое в виде расширения (ивент 'core.thumbnail_create_before').

 
В этом примере если картинка шире заданного в админке лимита, она уменьшается в любом случае, а если она у́же лимита, то уменьшается только если её высота больше лимита в 2+ раза.

[Татьяна5]

Nekstati, растягиваться изображение не должно в любом случае
Что и хочу протестировать именно на том проблемном

[AlexOo]

Извиняюсь. Прикрепляю архив с 2мя изображениями.

test img.zip

Второе, так же прошу протестировать, т.к. оно у меня растянулось до вот такой красоты: http://joxi.ru/V2VeR69SBVQ98m

Не исключаю, что проблема непосредственно в шаблоне. В этом случае прошу подсказать, где искать проблему. Спасибо

[Татьяна5]

Ничего не растягивается
(Некоторое замыливание текста на миниатюре есть, но это неизбежно при сжатии растровых форматов)

Ищите или в шаблоне, или в установленных расширениях причину. Начать можно с анализа что там по части css и javascript с изображением происходит, через отладчик в браузере

[AlexOo]

Татьяна5, не очень понимаю, на что именно смотреть в отладчике, не могли бы вы на примере показать ?

[Татьяна5]

AlexOo, так тоже не знаю в чём именно может быть дело. Это видеть надо
Открыть отладчик и смотреть сначала css на картинке, что там растягивает изображение шире физического размера. По результатам или в стиль лезть, или в расширения