Размытые изображений товаров WooCommerce

  • flowerwood

    (@flowerwood)


    1 год назад

    Доброго времени суток. Подскажите пожалуйста как быть ??? Миниатюры изображений товаров размытые и не четкие, но открывая товар изображение четкое… Проблема как я нашёл в том, что в настройках изображений товаров стоит обрезка миниатюры, в каком соотношении обрезку не ставь , изображение портится. А вот если поставить в настройках без обрезки, тогда изображения чётке, как и должно быть, но появляется проблема в том, что все по странице магазина в разнобой , какие то товары ниже, какие то выше … из-за того что изображения товаров не совсем одинаковые по размеру. Тема на сайте стоит- Astra.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • efess

    (@efess)

    1 год назад

    Вам лучше достаточно четко изложить, на какой ширине экрана и на каком устройстве (ПК или мобила, и какая именно) картинки выглядят размыто. А также, на какой конкретно странице они выглядят размыто.

    На некоторых ширинах и шаблонах тема оформления сайта (и особенно ее версия шаблонов woo) может неудачно выбирать миниатюру. Неудачный адаптив страницы в этом тоже может участвовать. Например, на достаточно распространенной ширине окна браузера 412 пиксел главная страница этого сайта показывает картинку размером ~380х380 пиксел, а файл для нее берет миниатюрой 300х300. Именно поэтому происходит размытие картинки. Если ширину показа стилями не разрешать увеличивать более 300 пиксел, исправив неудачный адаптив, то ее не размоет. Или как вариант можно нарезать миниатюр бОльшего размера, покрыв ими все неудачные мобильные адаптивы и заменив в шаблоне миниатюру на вновь созданную (srcset и sizes атрибуты картинки должны обеспечить правильное замещение). Во втором варианте немного хуже будет pagespeed.

      tuxfighter

      (@tuxfighter)

      1 год назад

      Обсуждалось миллиона два или три раз.
      Краткое резюме:
      Если хочется что бы все миниатюры были одинаковы четкие, то все картинки нужно заранее подготовить. Сделать их одинаковыми по размерам

    Просмотр 2 ответов — с 1 по 2 (всего 2)
    • Тема «Размытые изображений товаров WooCommerce» закрыта для новых ответов.

    Метки