Низкое качество фото на сайте

Форум поддержки » Вопросы и ответы

Как избежать потери качества фото? Слева оригинал. Справа - фото на сайте, выглядит ужасно - зерно, потеря цвета, как из дайал-ап интернета 90-х. Размер 1000х1000. В настройках: Максимальный размер эскиза 1000, качество 100. 


8 ответов

  • 2
    replicant 25 ноября 2018 14:35 #

    Как вы это делаете?

    Взял фото с плавными переходами, что jpeg-фарш был виден на границах темных и светлых объектов на градиентах.

    Слева фото в качестве товарного фото на сайте. Справа в окне предпросмотра оригинал. Качество при загрузке на сайт 85 + на эскизы накидывает водяной знак. Размер оригинала 1080х1080 цветовая схема YCbCr, прогрессивный, оптимизация Хаффмана включена, субдискретизация высокая с максимальным сжатием, icc не интегрирован, exif удален, кач-во 90/100, 236 кбайт.

    После загрузки на сайт размер 1080х1080 + водяной знак, кач-во 85, размер 175 кбайт.

    В качестве 90-95 уже неотличимо от оригинала, который изначально 90 кач-ва был, но и размер будет не 175 кбайт, а побольше.


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

    Настройки изображений
    ответить
  • 1
    Артем Епанешников 25 ноября 2018 15:01 #
    оригинал джипег сжат в фотошопе.
    quality 90, progressive, convert to sRGB, bicubic smoother, 748 kb

    а Вы каким софтом обрабатываете?


    В настройках магазина поставил галочку "резкость", убрал галочку "эскизы произвольных размеров", качество 85. Но ничего не изменилось.  

    https://domgnom.ru/wa-data/pub...


    ответить
    • +2
      replicant replicant 25 ноября 2018 15:32 #

      Photoshop только для тонкой работы включаю, а рутина потоковая начиная от выгрузки фото с камеры и первой очереди обработки снимков через FastStone делается. Иногда Фотошоп даже и не расчехляю ибо из пушки по воробьям. FastStone и просмотровщик и проводник по всей моей фотосвалке много лет как на всех компьютерах. Без него жизнь - боль.

      ответить
    • +2
      Алексей Алексей Webasyst 25 ноября 2018 15:35 #

      Попробуйте https://squoosh.app/ чтобы наглядно сравнить

      ответить
  • 1
    Артем Епанешников 25 ноября 2018 17:19 #

    Обе отличные! Каждая для своих задач хороша. В FastStone теряется цветность, но это, я думаю, настраивается.

    FastStone

    https://domgnom.ru/wa-data/pub...

    squoosh.app

    https://domgnom.ru/wa-data/pub...

    Не ясно только, почему пожатую в фотошопе вебасист так искажает. 

    https://domgnom.ru/wa-data/pub...

    ответить
    • +2
      Николай Иванов Николай Иванов Партнер-эксперт Партнер-разработчик 25 ноября 2018 17:59 #

      Справедливости ради, Webasyst тут как бы и не при чём. Используются две фришные php-библиотеки для работы с графикой на выбор(imagick и gd). Imagick вроже как помоложе и получше.
      И что там внутри у них происходит и почему такой результат, надо спрашивать у раpаботчиков этих библиотек.

      Если хотите, можете заняться подбором более оптимальных параметров ресайза в waImageImagick.class.php под конкретно свои изображения.
      Сейчас зашиты во такие параметры
      resizeImage($width, $height, Imagick::FILTER_CUBIC, 0.5)

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

      ответить

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите