Конфликт - оптимизация изображений. качество против легкости

Alex Alex   03.10.2019 22:25   980  

Есть сайт на Битриксе по продаже N-изделий. Конкуренция большая, поэтому каждая мелочь важна. В этой нише клиент "покупает" глазами, критерии и требования к качеству картинки граничат с безумием. Упор не сколько на описание карточки, сколько на фото.

Если снимок имеет малейшее затемнение или шум, которых практически и не видно, отправляется в брак. После обработки в фотошопе на предмет улучшения резкости, разрешения, удаления шумов и затемнений сильно увеличивается вес изображения. И тут уже начинают протестовать программисты.  Низзя!

Картинка при просмотре товара раскрывается на весь экран, где сразу видно любой малейший грешок. Чистая идеальная картинка выходит тяжеловатой. Вопрос. Как решить этот спор между красотой "во имя продаж" и требованием по скорости загрузки сайта (вес фото)?. Как сохраняете, может, фишки подскажете, как обрабатываете, какие выбираете. Подскажите, пожалуйста. Заметили, что у конкурентов фото и легкие, килобайт по 50, и четкие при этом.  После сжатия весь результат обработки испаряется)) 


Выручайте) Спасибо


Ответы на вопрос (13) Написать ответ
Alex Alex   03.10.2019 22:31
И еще вопрос. Используется накладка водяного знака. Мне показалось, что такие фото выглядят более мутными. Действительно так или глаз замылился??
Здесь есть топики об удалении метаданных для снижения веса. Страдает ли как-то сео при этом?
0
wprazor wprazor   04.10.2019 06:42
reSmush.it Image Optimizer мне нравится. Можно использовать небольшие превью при клике на которые открываются фото в высоком качестве.
0
panfilov_dm panfilov_dm   04.10.2019 10:56
если у Вас действительно работают программисты, то пусть делают картинку под каждый размер. То есть под размер отображаемого блока (и небольшие изображения пусть смело пережимают, на них все равно не будет видно). А по ссылке пусть вызывается уже просмотр полноценной картинки. Таких плагинов готовых тоже достаточно. Удаление метаданных высвободит для Вас жалкие 1-2 киллобайта (и то я не представляю сколько там нужно указать данных на такой объем).   я знаю только один хороший компрессор для изображений (но уверен, что их больше) Compressor.io - optimize and compress JPEG photos and PNG images Нужно видеть все исходники и результат на сайте, чтоб понять. Скорее всего выбрано плохое условие смешивания, или же водный знак получает артефакты после сжатия. В чем проблема "наградить картинку" сразу в редакторе и отдавать уже с вашей маркой. 
0
Funs Funs   04.10.2019 11:43
Интересно, что за ниша такая, где клиент разглядывает на фотографии каждый пиксель. Порно?
4
dimkass dimkass   04.10.2019 12:52
Вот лучший компрессор https://tinypng.com
1
panfilov_dm panfilov_dm   04.10.2019 16:57
долго так считал. но оказался не лучший. хотя очень хороший и помогает бесплатно пачками по 20 картинок пережимать. но если сравнить его и Compressor.io , то компрессор выигрывает по качеству пережатых фото. в размере изображения почти идентичны у двоих представителей
0
russpuss russpuss   04.10.2019 22:19
Не знаю есть ли Вариант для битникс, но отличное решение этой проблемы https://shortpixel.com/ шорт пиксель. На всех сайтах стоит, отлично уменьшает вес не теряя качества изображений. Даже если именно этот не подходит: есть 100% аналоги.
0
Roman2002 Roman2002   05.10.2019 14:28
Можно использовать lazy loading для изображений высокого качества
0
Alex Alex   07.10.2019 14:14
В коде смотрела, кажется, уже есть
ed25a345859ac2e368ca21863c498004.jpg
0
sansan sansan   05.10.2019 15:44
sansan sansan   05.10.2019 15:48
А с фотошопом стоит просто дружить. Вбей 50% качества на сохранение jpg. Зрение уже не 100%, но 99. Пока не заметил ухудщение качества на 2000 px,
Какая-то надуманная "проблема".
0
stria stria   07.10.2019 13:22
в одном подобном проекте решили проблему форматом webp и картинки здоровые и качество отличное и веси мало. 
0
Alex Alex   07.10.2019 14:03
Спасибо. Программисты не согласны с этим форматом, говорят, не во всех браузерах работает.
0

Войдите, чтобы написать ответ
Вход Регистрация

Нужен профессиональный Логотип? Сделаем!