Как растянуть ширину до края поста

Я пытаюсь убедиться, что изображение в «портретном» режиме не изменяется при публикации… Я хочу, чтобы учитывалась полная ширина… как это сделать…?

Попробуйте открыть страницу — возможно, кто-то специально проверит её. В противном случае воспользуйтесь функцией инспекции страницы в вашем браузере: добавьте свойства object-fit: contain/fill, отступы, aspect-ratio и другие стили к элементу, с которым работаете, и вы обязательно найдёте решение :+1:

Вот так

И, конечно, нельзя упускать из виду вариант с маркетплейсом, если у вас есть пара долларов или биткоинов, которые можно предложить :hugs:

Вы можете найти image в настройках сайта и поэкспериментировать с ними. Но, думаю, вы не получите того, что, как мне кажется, вы ищете. Конечно, с помощью плагинов и тем можно сделать удивительные и необычные вещи, но исходя из того, что у нас есть, у меня ощущение, что это не так просто, а возможно, и вовсе невозможно.

Но я уже ошибался раньше. Несколько раз :zany_face:

Поможет ли в этом настройка администратора min ratio to crop?

Этот #theme-component также может помочь. Просто имейте в виду, что он всё ещё находится на экспериментальной стадии. Однако он также используется здесь, на Meta, в некоторых #theme.

Я пробовал это — это не то. Всё ещё ищу решение.

Вы проверили другие настройки изображений, как предложил Jagster? Особенно max image width

Я пробовал — изменение на 1200 не даёт никакого эффекта… Единственный способ, который я нашёл для изменения этого параметра — это редактирование самого фото.

Мне просто нужно, чтобы «портретное изображение» занимало всю ширину поста.

Этот компонент нестабилен: даже при установке самой последней версии Discourse он сдвигает всё влево (без отступов), что сломало мою тестовую тему.

Возможно, эти изображения превышают максимальную высоту изображения раньше, чем максимальную ширину изображения?

В целом, мне нравится, что изображения ограничены по размеру. На маленьких экранах, например на моём планшете, иначе изображение было бы больше, чем сам экран.

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

В любом случае. Работа с изображениями — одно из слабых мест Discourse. Ужасный хаос.

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

Я полагаю, что здесь все доверяют лайтбоксингу.

Если max image height больше высоты моего экрана, изображение не поместится на экране без прокрутки. Почему планшет должен изменять размер изображения внутри поста?


При значении по умолчанию это выглядит так:

Я могу увидеть всё изображение без прокрутки.

Разные размеры экрана — это то, что нужно учитывать при изменении максимального значения высоты изображения.

Потому что мобильные устройства удобнее в использовании, чем настольные компьютеры?

Да, с экспериментальными функциями такой риск существует. Что касается отступов, то можно добавить кастомный компонент, чтобы расширить его функционал, добавив переопределения стилей и отступы и т.д.

Когда вы владеете форумом о фотографии, изображения — это главное. И хотя участники выкладывают не только портретные снимки, когда они это делают, их не смущает необходимость прокрутки.

То есть вы хотите растянуть изображение на всю ширину, даже если его собственный размер меньше ширины страницы?

Я бы не рекомендовал этого делать, так как вы, скорее всего, потеряете в качестве, но:

Вы пробовали сочетание настройки max image height и max image width на высокое значение и использования CSS для установки:

.cooked img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
    width: 100%;
    max-width: 100%;
}

У меня это работает именно так, как вы описали.

Фотопрофиль не показывал бы маленькие изображения, полагаю. Снова же, я не знаю, но думаю, что проблема в автоматическом уменьшении масштаба. Все изображения имеют размер около 800 на что-то, и тогда будет пустое пространство, хотя можно было бы показать что-то вроде 1500 на что-то.

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

Фотографы почти никогда не публикуют «маленькие» фотографии… Процесс прост:

1) Загрузить фото

Если фото меньше ширины поста:
Сохранить пропорции и растянуть ширину, чтобы она заняла всю ширину поста.

Если фото равно или больше:
Сохранить пропорции изображения, но занять всю ширину поста.