Некорректно отображаются фото на сайте Не принято

1

Добрый день! На сайте некорректно отображаются фото в формате png. Подскажите, как исправить ошибку

6 комментариев

  • +1

    Скорее всего дело в библиотеки для обработки изображений установленной на сервере.

    p.s. очень мало информации, нет адреса сайт, нет информации по серверу (в облаке webAsyst или свой) 

  • +1
    Irina S Irina S 20 июля 2018 15:05 #

    Добрый день! У нас сервер на REG.ru

    сайт amritamed.ru

  • +1

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

  • +1
    replicant replicant 22 июля 2018 16:57 #

    С прозрачностью у фото товаров проблем нет, если это правильный png, а не какая-то кривая поделка из png-to-jpeg с отвратительной обтравкой по контуру предмета. Смысла в таком png-фото никакого нет, т.к. на выходе ещё и размер будет существенно больше, чем у jpeg. PNG формат стоит применять для всяких кнопок, иконок и прочих элементов на сайте, где не всегда даже 24-бит обязательно, но без прозрачности реально никак.

    Для примера взял фото с вышеуказанного сайта по адресу /wa-data/public/shop/products/93/83/18393/images/11499/11499.970.jpg. Фото имеет черный фон и размер 70 кБ. После конвертации в png 256 цветов размер увеличился до 133 кБ, а после преобразования в 24-бит до 495 кБ. Ну и какой в этом глубокий смысл, если качество картинки не меняется? Надо затереть эту черноту в Фотошопе, перегрузить фото с белым фоном и успокоиться.

    Завязывайте с порочной практикой использования png для фото товаров. Крайне редкие случаи, когда требуется ограниченная цветовая палитра без паразитных искажений от jpeg сжатия и без применения png совсем никак не обойтись, не рассматриваю. Не ваш случай да к тому же с белым фоном в блоках представления товара.

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

    А с кнопкой закрытия окна просмотра увеличенного фото стоило бы разобраться. Она мелкая слишком и перекрыта, а при 800 точках ширины вообще пропадает. Приходится давить Esc. Сделали бы ещё закрытие по клику на картинку и проблем бы не было.

  • +1
    Irina S Irina S 24 июля 2018 08:44 #

    Доброе утро!

    Всем большое спасибо за ответы и комментарии.

    Будем разбираться.

    Добавить комментарий

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