http://doubleknityarn.com.hk/Woocommerce blurry product image
Это моя домашняя страница в Интернете. Все идет хорошо, за исключением того, что 4 изображения продукта в середине веб-сайта слишком размыты.
Я уже сделал плагин «Восстановить миниатюру», измените размер изображения в настройках дисплея под продуктами woocommerce, но я все еще не могу получить более четкие фотографии.
Любой может помочь? Я уже много пробовал.
Если отобразить URL-адрес одного из этих изображений, я получил:
…/wp-content/uploads/2016/04/DSC09923.jpg?resize=116%2C145
В конце после /DSC09923.jpg у вас есть ?resize=116%2C145, которые означают resizing in 116px x 145px, потому что эти маленькие Defined изображения отображаются в увеличенном версия, я имею в виду, как на 250% больше. поэтому они становятся размытыми. Смотрите HTML сгенерированный код:
<img width="116" height="145" src="http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=350%2C435"
class="lazyOwl wp-post-image"
alt="AERO Needles"
data-src="http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=350%2C435"
srcset="http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=350%2C435 350w,
http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=570%2C708 570w,
http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=116%2C145 116w,
http://i0.wp.com/yarnhk.com//wp-content/uploads/2016/04/DSC09923.jpg?resize=190%2C236 190w"
sizes="(max-width: 116px) 100vw, 116px" style="opacity: 1;">
Я не знаю, как вы показываете, что 4 изображения на главной странице, так что трудно для меня, чтобы выяснить реальную проблему. Вам нужно будет указать размеры, что изображения: «средние» или «большой» ...
Вам может понадобиться в WooCommerce> Настройки> Продукты> Дисплей переконфигурировать размеров и твердых кадрирования варианты ...
Я также видел захваченный html-код, но я не знаю, что делать дальше. В Commerce> settings> Products> Display, я изменил размеры изображений на: catelog 350x435pixels; одиночные 570 x 708 пикселов; thumbnails 350 x 435 пикселей. Я использовал «Visual Composer» для создания моей домашней страницы. Надеюсь, я смогу получить больше советов по этому поводу. –
Я использую Visual Composer, в котором я использую «Multiple/Specific Products» для демонстрации 4 продуктов (используя их идентификатор). –
Затем вам нужно изменить настройки в визуальном композиторе. Вы можете спросить в потоках поддержки своей премиальной темы или в поддержке VC, если у вас есть лицензия ... Это лучшие варианты. – LoicTheAztec
Если у вас есть такие проблемы: лучше всего связаться со своей командой авторов авторекламы и открыть билет поддержки или проверить их темы поддержки для подобных проблем. Сейчас на хроме все в порядке. Вы должны протестировать на разных платформах и в браузерах ... – LoicTheAztec