Потери яркости изображения у кешированных картинок

[Xelen]

Можно ли как-то решить проблему потери яркости изображения у кешированных ресайзнутых картинок?

к примеру, я заливаю картинку 4024x4024 px, в настройках для карточки товара стоит 1100x1100, и картинка создается чуть менее яркая. Это из-за плотности пикселей? если задать создание картинки 4024x4024 px, то создается такая же яркая. То есть само кеширование ничего не урезает, если картинку не уменьшать. Если что, уже заменила качество 90 на 100, но это бесполезно.

Ладно, я могу еще лить картинки 1000x1000 и задать для карточки кеш 1000x1000, но  в категории они из-за изменения размера. все равно тусклее. Этот момент довольно критичен в моем случае, так как фоткали подарки и хочется сохранить качество.

 

оригинал (4024x4024 px,) слева.

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

справа фотка из кеша 1100x1100, которая получается из этого оригинала.

 

 

[magdek]

Поищите в нете раньше был здесь модуль назывался "Оригинальный размер фото товара " может найдете он предлагал https://skrinshoter.ru/sMFyMgUnbHU?a

Змінено 11 жовтня 2023 користувачем magdek

[Xelen]

11.10.2023 в 22:28, magdek сказал:

Поищите в нете раньше был здесь модуль назывался "Оригинальный размер фото товара " может найдете он предлагал https://skrinshoter.ru/sMFyMgUnbHU?a

 

не хотелось бы оригинальный размер. категории будут очень тяжелые.

Вопрос про то, чтобы при изменении размера, не терялась яркость

[impulze100500]

11.10.2023 в 22:41, Xelen сказал:

 

не хотелось бы оригинальный размер. категории будут очень тяжелые.

Вопрос про то, чтобы при изменении размера, не терялась яркость

Фото при уменьшении размера становятся тускнее из-за того, что при этом происходит потеря информации. Когда мы уменьшаем размер фото, мы фактически удаляем пиксели из изображения. Это может привести к потере мелких деталей, а также к тому, что цвета станут менее насыщенными.

 

Докидывайте яркости и резкости на уменьшенные фото.

У меня есть заказчик — доставка пиццы. Одна из самых популярных пицц имеет фото сделанное на зажигался. Просто там начинка крутая и отзывы хорошие, на фото особо внимания никто не обратил.

[Xelen]

11.10.2023 в 23:17, impulze100500 сказал:

Докидывайте яркости и резкости на уменьшенные фото.

 

а, кстати, отличная идея, что-то и в голову не пришло

 

добавила

-webkit-filter: brightness(120%);
  filter: brightness(120%);

 

и уже повеселее стало.

 

А эти фильтры везде корректно работают? в айфонах тоже?

[buslikdrev]

11.10.2023 в 22:15, Xelen сказал:

То есть само кеширование ничего не урезает

урезает в system/library/image.php

$quality = 90

 

Пробуйте в png.

Змінено 11 жовтня 2023 користувачем buslikdrev

[Yoda]

11.10.2023 в 22:15, Xelen сказал:

Можно ли как-то решить проблему потери яркости изображения у кешированных ресайзнутых картинок?

к примеру, я заливаю картинку 4024x4024 px, в настройках для карточки товара стоит 1100x1100, и картинка создается чуть менее яркая. Это из-за плотности пикселей? если задать создание картинки 4024x4024 px, то создается такая же яркая. То есть само кеширование ничего не урезает, если картинку не уменьшать. Если что, уже заменила качество 90 на 100, но это бесполезно.

Ладно, я могу еще лить картинки 1000x1000 и задать для карточки кеш 1000x1000, но  в категории они из-за изменения размера. все равно тусклее. Этот момент довольно критичен в моем случае, так как фоткали подарки и хочется сохранить качество.

 

оригинал (4024x4024 px,) слева.

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

справа фотка из кеша 1100x1100, которая получается из этого оригинала.

 

 

Imagick решит ваши проблемы. 

Пишите в личку.

[buslikdrev]

php7.4.29 проблем нет

Скрытый текст

 

[impulze100500]

11.10.2023 в 23:25, Xelen сказал:

А эти фильтры везде корректно работают? в айфонах тоже?

 

Та вроде нормально. filter: brightness давно существует.

https://caniuse.com/?search=brightness

[Xelen]

12.10.2023 в 02:49, Yoda сказал:

Imagick решит ваши проблемы. 

Пишите в личку.

 

вроде получилось с этим файлом, картинки выглядят одинаково

 

https://github.com/SDG1212/opencart-image-magick

[Yoda]

13.10.2023 в 01:59, Xelen сказал:

 

вроде получилось с этим файлом, картинки выглядят одинаково

 

https://github.com/SDG1212/opencart-image-magick

А кеш вы очистили?

Также следует проконтролировать размеры изображений превью. Необходимо чтобы они были один в один.

[Xelen]

13.10.2023 в 16:42, Yoda сказал:

А кеш вы очистили?

Также следует проконтролировать размеры изображений превью. Необходимо чтобы они были один в один.

 

ну да, конечно чистила

 

сейчас не вижу разницы, во всяком случае, на глаз. слева- оригинал (для наглядности, уменьшила в фигме без потери качества), справа 1000x1000 из кеша.

когда в браузере переключаю вкладки, даже не понятно, что это разные вкладки.

 

 

 

12.10.2023 в 11:02, impulze100500 сказал:

Та вроде нормально. filter: brightness давно существует.

P.S. с фильтрами тоже идея хорошая, даже больше подошел saturate , но там один минус -  в гугл идут все равно более бледные картинки.

[impulze100500]

13.10.2023 в 18:42, Xelen сказал:

 

ну да, конечно чистила

 

сейчас не вижу разницы, во всяком случае, на глаз. слева- оригинал (для наглядности, уменьшила в фигме без потери качества), справа 1000x1000 из кеша.

когда в браузере переключаю вкладки, даже не понятно, что это разные вкладки.

 

 

 

P.S. с фильтрами тоже идея хорошая, даже больше подошел saturate , но там один минус -  в гугл идут все равно более бледные картинки.

 

Можно в Фотошопе создать экшен, прогнать все фотки через него и перезалить на хостинг.