instantsoft / icms2

Self-hosted Site Management System
https://instantcms.ru
GNU General Public License v2.0
296 stars 120 forks source link

Качество картинок (поле Изображение) #1506

Closed iton1 closed 2 weeks ago

iton1 commented 5 months ago

Используемая версия InstantCMS: InstantCMS 2.16.3

Речь про поля "Изображение" и "Набор изображений".

Идея возникла т.к. картинка нужного размера выводится плохого качества (не четкое, мутное), даже если в настройках компонента "Загрузка изображений - Пресеты" стоит "Качество 100%".

1) Поле "Изображение", есть у нас к примеру картинка размера 6000х4000, создаем в компоненте "Загрузка изображений - Пресеты" нужный нам размер 600x350, далее в типе контенте в поле "Изображение" выбираем "Размер в записи" 600x350 , заходим на страницу записи, но картинка нужного нам размера получается какая то не четкая, мутна, можно сделать картинку большего размера - но нам такая не нужна, нам нужен размер 600x350 но хорошего качества.

Получается странная история, у нас есть картинка отличного качества, которую мы хотим разместить на сайте, но при размещение нужного размера качество сильно падает!

изображение

такое качество на странице записи изображение

2) Поле "Набор изображений".

Речь про страницу записи (как пример вот такую https://demo.instantcms.ru/board/8-prodam-avtomobil.html ).

В компоненте "Загрузка изображений - Пресеты" создали нужный нам размер 0x180.

изображение

теперь в типе контенте в поле "Набор изображений" выбираем его для "Размер в записи" изображение

На странице получились вот такие картинки, размытые, не четкие, качество выбрано 100%.

изображение

Получается, что везде нужный размер, но качество плохое!

Тоже самое можно наблюдать и на странице демо сайта https://demo.instantcms.ru/board/8-prodam-avtomobil.html основная картинка какая то не четка и маленькие картинки размытые, не качественные, а как нажать на картинку, то всплывает картинка хорошего качества.

Я не знаю как это лучше решить, но может, как вариант выбирать еще качество картинок, помимо размера. Как в записи так и в списке.

Я заметил как сделано на демо сайте этого компонента https://demo.instantcms.ru/news в списке картинки отличного качества, просто в настройках поля "Изображение" выбран размер 600 x 390 , а шаблон позволяет выводить меньшее и ужимает большую картинку, вот и получается отличное качество!

изображение

изображение

iton1 commented 1 month ago

Например, на сайте МТС https://travel.mts.ru/hotels/rossiya/anapa/namoreanapa какие четкие картинки на странице.

изображение

iton1 commented 1 month ago

на Booking тоже картинки четкие на странице https://www.booking.com/hotel/id/la-boheme-rooms-and-coffee.ru.html

изображение