#wordpress #image #woocommerce #blurry
#wordpress #изображение #woocommerce #размыто
Вопрос:
У меня проблема с изображениями в WordPress / Woocommerce.
Все мои изображения в порядке, за исключением того, что изображение одного продукта размыто, когда я загружаю страницу в первый раз. После обновления браузера изображение выглядит четким. Даже если я открою консоль (F12), изображения будут в порядке после ее закрытия. Изображения выглядят хорошо, когда я их увеличиваю. На данный момент единственный способ сделать изображение красивым — обновить браузер.
Я попытался изменить размер изображения в настройках мультимедиа, я проверил свой CSS, я попытался перезаписать ширину изображения, очистил кеш, все плагины отложенной загрузки отключены.
Есть ли у вас какие-либо другие решения, которые помогут мне решить эту проблему?
Вот ссылка, чтобы узнать, в чем проблема: https://www.labtag.com/shop/product/cab-thermal-transfer-direct-thermal-desktop-printer-mach1-2 /
Заранее благодарю вас.
Ответ №1:
Ваши изображения для обычного размера меньше, чем изображение, используемое для масштабирования. Если вы посмотрите на html-код, это изображение является обычным для пользователя в <a> теге:
https://cdn.labtag.com/wp-content/uploads/mach1_800_neu__79290.1492715013.1280.1280-416x378.jpg
Это изображение намного меньше, чем изображение, которое использовалось для масштабирования:
https://cdn.labtag.com/wp-content/uploads/mach1_800_neu__79290.1492715013.1280.1280.jpg
Ваш обычный размер изображения — это уменьшенная версия, вы должны изменить свой код, чтобы показать там исходную версию изображения.