Качество изображений

5 months 6 days ago #1377
Topic Author
Владимир Елисеев's Avatar
Posts: 28
Качество изображений

I have photo competition and see that the quality of thumbs pics is not so good.
Is it real to change the quality?

here is the url shop.elino.ru/konkurs

(if possible - you can answer in Russian)

Last Edit: 5 months 6 days ago by Dmitry. Reason: название топика

5 months 6 days ago #1380
Dmitry's Avatar
Posts: 643
Качество изображений

Владимир, добрый день.

Качество не теряется, просто бразуер чуток ужимает при отображении - вместо 400px до 369px, для того, чтобы поместилось три в ряд.

Как пример:
shop.elino.ru/konkurs/8-primer-rabotyi

Вот оригиналы в трёх размерах:
Большое
Среднее
Маленькое

Мне кажется, что у всех качество одинаковое. В коде компонента прописано 100% качество при создании изображений.

С уважением,
Дмитрий


Like our extensions and support?
Add your voice to the JED listing with a 5-star review: bit.ly/2ciJBqC
Thanks!

5 months 6 days ago #1381
Topic Author
Владимир Елисеев's Avatar
Posts: 28
Качество изображений

да в том то и дело что сравнил сжатое изображение и то, которое ужимает браузер.
И сжатые компонентом картинки откровенно плохого качества

5 months 6 days ago #1384
Dmitry's Avatar
Posts: 643
Качество изображений

Компонент использует либо библиотеку GD , либо ImageMagick (в зависимости от выбранной настроки в компоненте) для сохранения уменьшенных изображений. При этом, как я уже писал выше - качество ставится в 100. То есть выше головы не прыгнешь...

Если у Вас GD, попробуйте ImageMagick, качество должно улучшиться. Только убедитесь, что Ваша версия PHP скомпилирована с поддержкой этой библиотеки.


Like our extensions and support?
Add your voice to the JED listing with a 5-star review: bit.ly/2ciJBqC
Thanks!
Last Edit: 5 months 6 days ago by Dmitry.

5 months 6 days ago #1390
Topic Author
Владимир Елисеев's Avatar
Posts: 28
Качество изображений

Вот скриншот двух картинок.
Слева - тот что создал компонет, справа - тот, что получился банальным уменьшением той же самой картинки компонента в большом разрешении (1200 точек).

Явно видно что картинка слева подверглась значительному ухудшению с потерей качества.

Мне не хочется устанавливать на свой сервер ImageMagick - это не стандартный компонент и проблемы с ним будут тоже нестандартные (достаточно вспомнить его недавние уязвимости).

Другие компоненты могут создавать вполне приемлемые по качеству картинки (например к хикашопу нет претензий) - он используется на том же самом сайте, что и ваш компонент. Значит все-таки дело в настройках или алгоритме.

Такой компонент, который предлагает фото конкурсы и значимо ухудшает качество картинок - это немного ненормально.

Attachments:
Last Edit: 5 months 6 days ago by Владимир Елисеев.

5 months 5 days ago #1407
Dmitry's Avatar
Posts: 643
Качество изображений

Проведём анализ. Если есть полезная информация о том, что ещё можно сделать в GD для улучшения, то возьмём на вооружение. Пока в инете я везде вижу только один совет - использовать Imagick вместо GD.

По факту уменьшение через CSS / браузер всегда будет лучше алгоритмов GD. Может для среднего изображения Вам стоит проставить большие размеры и пусть ужимает браузер.


Like our extensions and support?
Add your voice to the JED listing with a 5-star review: bit.ly/2ciJBqC
Thanks!
Last Edit: 5 months 5 days ago by Dmitry.

5 months 5 days ago #1408
Topic Author
Владимир Елисеев's Avatar
Posts: 28
Качество изображений

практически так и сделал. Разрешение установлено чуть больше чем, нужно.
Однако сильно больше ставить нелогично.
Посмотрите например на страницу shop.elino.ru/katalog-tovarov
Hikashop справился с уменьшением картинок просто великолепно - к нему нет претензий. Все надписи четкие и хорошо читаются.
все работает в одинаковых условиях.
Значит там алгоритм уменьшения картинок работает хорошо.

5 months 5 days ago #1409
Dmitry's Avatar
Posts: 643
Качество изображений

Возможно. Глянем, как там дела в Хикашоп.


Like our extensions and support?
Add your voice to the JED listing with a 5-star review: bit.ly/2ciJBqC
Thanks!

5 months 4 days ago #1410
Topic Author
Владимир Елисеев's Avatar
Posts: 28
Качество изображений

на другом нашем проекте используется вот эта библиотека
github.com/Intervention/image

Потестировали сейчас ее на вышеприведенных картинках.
Итак:
shop.elino.ru/ncuploads/photos/1/12/smal...b64a9_1513260123.jpg

Это ссылка на картинку размером 400 на 400 сгенерированная компонентом norrnext

А вот ссылка на картинку, которую создала указанная выше библиотека:
shop.elino.ru/images/test2.jpg

Налицо заметно наличие большего количества мелких деталей и отсутствие "мыла".
Картинка чистая и красивая.

Используется одна и та же библиотека GD.

Насколько я могу судить - портировать библиотеку нет проблем.

Для GD вот часть github.com/Intervention/image/tree/maste...ntervention/Image/Gd

P.S. Причем более качественная картинка оказалась еще и меньше по весу в два раза!

Last Edit: 5 months 4 days ago by Владимир Елисеев.

5 months 3 days ago #1416
Dmitry's Avatar
Posts: 643
Качество изображений

По поводу среднего изображения - всё таки была ошибка в коде. Среднее генерировалось не из оригинального, а из превью. Поэтому была двойная обработка - сначала оригинальное уменьшалось до превью, а потом превью переделывалоась в среднее. Исправил, файл с фиксом в приложении. Распаковать вместо administrator/components/com_competition/helpers/photo.php

С маленьким изображением такое не получится сделать - сам процесс обрезки происходит на превью изображении, соответственно координаты берутся по превью изображению, и превью обрезается до нужного размера. В Intervention есть sharpen, попробую с ним поиграться. Может что и получится.


Like our extensions and support?
Add your voice to the JED listing with a 5-star review: bit.ly/2ciJBqC
Thanks!
Attachments:

You can get our help: Monday - Friday / 09:00 to 17:00 (GMT+2). but not limited. Our staff will be pleased to provide Premium support to every paid subscriber asap, but sometimes you should be ready to wait for our reply for up to 3 days. In case of free extensions we do the best to develop and maintain them either, but their support is not necessary.

Product Latest Update