Изображения на вашем сайте низкого качества или выглядят размытыми? В этом руководстве рассматриваются некоторые из наиболее распространенных причин размытости изображений на веб-сайте WordPress и способы решить эту проблему.
Изображение выглядит размытым, если растянуть его на слишком большой площади. Невозможно указать размер изображения, который подходил бы для любого случая. Тем не менее из нашего руководства по оптимизации изображений вы можете узнать, как определить размер, при котором изображение сохранит высокое качество, но не повлияет на скорость загрузки сайта.
Если изображения выглядят размытыми, загрузите высококачественный файл большего размера и проверьте, выглядит ли он лучше.
💡
Файл высококачественного изображения можно уменьшить, но невозможно увеличить низкокачественное изображение, чтобы повысить его качество.
Если при загрузке более чётких изображений большего размера они по-прежнему плохо отображаются на сайте, тому есть несколько вероятных причин (см. ниже).
Если подключение к Интернету слишком медленное, изображения могут быть загружены в более низком качестве и выглядеть размытыми. Попробуйте загрузить их на сайт, пользуясь более скоростным подключением, и проверьте, не станут ли они лучше выглядеть.
Этот раздел руководства относится к сайтам с тарифным планом WordPress.com Business или Commerce. Если вы приобрели тарифный план Business, не забудьте его активировать. Чтобы работать с этой функцией, необходимо повысить уровень тарифного плана, если у вас бесплатный сайт или вы пользуетесь тарифным планом Personal или Premium.
Все сайты WordPress.com подключены к плагину Jetpack со множеством функций безопасности, роста и производительности. На сайтах, чьи тарифные планы предусматривают поддержку плагинов, доступны дополнительные функции Jetpack, в том числе сеть доставки контента (CDN), которая ускоряет загрузку сайта. Сеть CDN — это популярное средство ускорить работу веб-сайта и сделать его удобнее для посетителей.
С помощью сети доставки контента Jetpack автоматически сжимает изображения, загруженные в CDN, чтобы обеспечить их быструю загрузку на сайт. В большинстве случаев это удачное решение, потому что изображения, как правило, могут быть существенно сжаты без заметной потери качества. Однако иногда это становится причиной размывания или снижения качества изображений, нередко по причине конфликта с другими установленными плагинами или сторонней темой.
На сайтах с поддержкой плагинов выполните следующие действия, чтобы проверить, не является ли CDN причиной снижения качества изображений на сайте.
- Откройте консоль вашего сайта.
- Перейдите в раздел Jetpack → Настройки.
- Перейдите на вкладку «Производительность».
- Прокрутите страницу вниз до раздела «Производительность и скорость».
- Отключите кнопку с надписью «Ускорить загрузку изображений».
Дополнительные опции CDN для разработчиков см. в руководстве по управлению функцией Jetpack CDN с помощью хуков.
Мы делаем всё возможное для того, чтобы при переключении с одной темы WordPress.com на другую качество изображений не страдало. Однако в некоторых сторонних темах этот аспект не учитывается, в результате при переключении на эти темы качество изображений на вашем сайте может снизиться.
Если вы недавно поменяли тему сайта и заметили, что изображения, загруженные в новую тему, выглядят хорошо, а те, которые были ранее загружены в старую тему, размыты, вы можете перезагрузить старые изображения в новую тему, чтобы они отображались корректно.
Если на вашем сайте поддерживаются плагины, вы можете восстановить размытые миниатюры с помощью плагина для регенерации изображений или, если вы разработчик, с помощью WP-CLI. Эти методы дают возможность избежать повторной загрузки изображений.
Иногда установка нового плагина на сайт приводит к размыванию изображений. Обновление имеющегося плагина также может вызвать конфликты, затрагивающие качество изображений.
Попробуйте деактивировать плагин, чтобы посмотреть, повысится ли качество изображений. Чтобы вернуть изображения в прежнее состояние, может также потребоваться восстановить сайт из резервной копии на момент до установки плагина.
Подробные инструкции по устранению конфликтов плагинов см. в нашем руководстве по решению проблем с плагинами.
Поддержка 