Как улучшить качество миниатюр в wordpress (shortcode ultimate)?

Question

[Mozzarella]

Миниатюры в галерее shortcode ultimate отображаются хуже, чем они есть на самом деле, для сравнения прилагаю скрин:
decartdesign.tmweb.ru/raboty/izumrud

Сама миниатюра генерируется в хорошем качестве, а отображается совсем в другом, как исправить данную проблему?

Answer 1

[Вася Петров]

как исправить данную проблему?

Внимательно посмотреть в html-код. Особенно в указание размеров

<img src="http://decartdesign.tmweb.ru/wp-content/uploads/2017/03/holm1-395x295.jpg" alt="holm1" style="width: 393px; height: 293px;" width="395" height="295">

Comments

[Mozzarella]

код генерируется плагином, размер генерериуемой миниатюры соответствует размеру в атрибутах тега img

[Вася Петров]

Никита Рогов: И зачем МНЕ эта инфа? html-код (кривой, на сек) не понятен или что?

[Mozzarella]

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

[Вася Петров]

Никита Рогов: Я так понимаю не только html-код прочитать и увидеть ошибку, но даже картинку по прямому урлу открыть не умеем? Не умеем развидеть реальные размеры и размеры на странице? Может ну его нафик, это сайтостроение?

[Вася Петров]

>и размеры на странице?
В см - увидеть размеры в css.

[Mozzarella]

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

[Mozzarella]

Вася Петров:
Сгенерированный плагином код:
Ссылка на файл decartdesign.tmweb.ru/wp-content/uploads/2017/03/h... его размер 390x290
Атрибуты img тега:
alt="holm1" width="390" height="290"
Однако файл мылится при выводе его на страницу, хотя если открыть его по ссылке, качество нормальное.
Надеюсь теперь всё доходчиво объяснил?

[Вася Петров]

Никита Рогов: Мля.. Это нах, ЧТО?! .post-gallery .su-custom-gallery-slide img { height: 295px; width: 395px;}
С тебя 100$, неуч :)

[Mozzarella]

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

[Вася Петров]

Никита Рогов: ты просто баран, уж извини. Не понимаешь элементарнейшего - если одна и та же картинка выглядит по разному по прямому уру и на страницу - влияет html/css/js.
Если ты убрал в одном месте - это не значит что убрал ВЕЗДЕ. Но посмотреть код не в состоянии, не понимаешь что говорят - полати денег специалиста .

Answer 2

[Коля Петин]

Я нашел только плохое решение(
Сохраняю изображение, увеличивая его с коэффициентом 1,6

Например если мне нужно получить изображение 600 на 500 пикселей,создаю его заранее увеличенным (960 на 800). В этом случае отображение также хуже, но лучше чем при исходнике 600 на 500.

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