Какие варианты решения проблемы можно использовать?
В ВП и нормальных темах уже всё решено — создание миниатюр нужного размера + srcset.
А что происходит на Вашем секретном сайте с не менее секретной темой известно только Вам и высококвалифицированным экстрасенсам.
не увидел ничего криминального с картинками в моб. версии
На экране ПК, разрешение картинки так и остается таким как я его загрузил для анонса записи (высота 400 пикселей), а вот разрешение в телефоне 1080*1920, и тема на сайте выстраивает анонсы записей в одну колонку, увеличивая при этом картинку как минимум в 2 раза…
Я тоже не замечал сначала разницы, а потом заметил…
O
(@perdyllo)
Я тоже не замечал сначала разницы, а потом заметил…
Посмотрел сайт с планшета и смартфона. Могу повторить приведенные выше слова:
не увидел ничего криминального с картинками в моб. версии
Все нормально смотрится и поверьте — никто из посетителей вашего сайта не станет с лупой в руках подсчитывать пиксели с высматривать чем картинка в мобильной версии отличается от версии для компа.
Так что не надо искать черную кошку в черной комнате. Особенно тогда, когда её там нет.
На экране ПК, разрешение картинки так и остается таким как я его загрузил для анонса записи (высота 400 пикселей), а вот разрешение в телефоне 1080*1920, и тема на сайте выстраивает анонсы записей в одну колонку, увеличивая при этом картинку как минимум в 2 раза…
Во первых ключевой размер — это «ширина», а не «высота».
Во вторых.. Первая попавшая картинка по указанному урлу выводится кодом
<img src="http://vyazanie-life.ru/wp-content/uploads/2018/12/pulover_mini_2512182109-300x400.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://vyazanie-life.ru/wp-content/uploads/2018/12/pulover_mini_2512182109.jpg 300w, http://vyazanie-life.ru/wp-content/uploads/2018/12/pulover_mini_2512182109-225x300.jpg 225w" sizes="(max-width: 300px) 100vw, 300px" height="400" width="300">
Код сей несколько странен, тк дефолтно показывается миниатюра (pulover_mini_2512182109-300x400.jpg), а при ширине <=300 — оригинал (pulover_mini_2512182109.jpg). Правда, и размеры оригинала 300px × 400px. Какой смысл в этом..
Особое восхищение вызывает последнее условие — 225w.. Как Вы так умудрились сделать..
В общем в «сухом остатке» — картинка более 300px не может выводиться, тк её не существует и правил масштабирования нет (ну те я не увидел).
А что могу порекомендовать — восстановите файлы темы, отключить плагины обработки графики (если есть) и залейте картинку нормального размера (скажем, более 900px по ширине). После чего исследуйте код. Если будет также странно — проблема в теме.
а вот разрешение в телефоне 1080*1920
И, кстати, это не то «разрешение». (гуглим «CSS pixels»)
А Ваша тема выстраивает в одну колонку при <=640px
Тему не менял — она как есть оригинальная скачанная в самом же вордпрессе.
Понял что нужен специалист чтобы тему немного подправить… Буду искать.
Понял что нужен специалист чтобы тему немного подправить… Буду искать.
Для начала используйте нормальные оригиналы.
Нормальные там оригиналы. Вот сейчас в последнюю запись в «Изображении записи» указал картинку с разрешением 970*1301, она уже там после добавления обрезалась и выглядела странно, но и после обновления все так и осталось. Сам Вордпресс там обрезает…
Был один плагин — Simple Lightbox, я его отключил, больше никаких плагинов связанных с изображениями нет.
Видимо чудит тема. Помог плагин: Simple Image Sizes.
Для «post-thumbnail size» стоят размеры 900*400 и обрезка. Убрал обрезку, указал заново картинку для «Изображения записи» — все стало хорошо.
все стало хорошо.
и все равно я не увидел разницы с тем, что было вчера
