Картинки сжимаются по ширине

[tonsky]

Картинки сжимаются по ширине

[ermouth]

Тогда придётся разбирать картинки, заодно это решает массовую проблему с неверным Exif-ом картинок с мобил. В браузерной js-вселенной я использую для этого https://github.com/blueimp/JavaScript-Load-Image, наверное на Кложе что-то такое же есть.

[ermouth]

Имхо высоту можно вообще не задавать. Или я неправильно проблему понимаю?

[tonsky]

наоборот, чтобы при загрузке не прыгало, надо задавать

[SelenIT]

Чтобы при загрузке адаптивных картинок не прыгало, задавать конкретную высоту вроде как бессмысленно, надо задавать пропорции? Или я чего-то недопонимаю?

[tonsky]

высота известна, надо как-то так с CSS извратиться теперь, чтобы размер/пропорции указать

[bushyn]

может они сжимаются от того что ширина явно указывается?

[tonsky]

ну убрать width вообще или поставить width: auto вроде бы не помогает

[nanot1m]

Если я правильно понял то тебе интересно свойство object-fit

img {
  object-fit: cover;
}

Пример

[bushyn]

непонятно что надо-то :)
если просто бесит что непропорционально картинки сжимаются то отсавь в .post_img { max-width: 100%; } и не добавляй к img width
если надо fill/fit/strech/tile то вон специальное свойство недавно завезли

[tonsky]

Вот что я хочу: ширина картинки динамическая от viewport, с max-width 550px; Высота пропорциональна ширине и известна до загрузки картинки (чтобы контент не прыгал). Похоже что придется старый добрый https://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css юзать

object-fit это не то. Картинка-то фиксится, а поля остаются

Убрать width не помогает (потому что height абсолютный)

[bushyn]

в so для div'a описано. для картинок оно само считает же. делай быстрее, мы посмотрим :)

[ermouth]

Я наконец-то понял, что ты хочешь ) Проще всего это сделать div-ом, у которого padding-top (или bottom) задан в процентах, а проценты – aspect ratio картинки. То-есть если картинка 1000х600, padding-top:60%. А потом этому div задать бэкграунд из картинки.

[bushyn]

"семь красных линий"