ShortPixel Adaptive Images

Простой в использовании плагин, который поможет вам в считанные минуты решить все проблемы, связанные с изображениями на вашем сайте. Отображать на своем веб-сайте правильно обрезанные и оптимизированные изображения правильного размера; Изображения обрабатываются на лету и передаются из нашей CDN в форматах следующего поколения WebP и AVIF, если браузер поддерживает это. Нужен ли мне этот плагин? Если у вас есть веб-сайт WordPress с изображениями, то ответ: скорее всего, да! Вы когда-нибудь тестировали свой веб-сайт с помощью таких инструментов, как PageSpeed Insights или GTmetrix, и получали жалобы на то, что изображения имеют неправильный размер или слишком большие? Или что вам следует использовать изображения «следующего поколения», такие как WebP или AVIF? Или что веб-сайт должен «откладывать закадровые изображения»? ShortPixel Adaptive Images приходит на помощь и решает проблемы, связанные с изображениями вашего сайта, в кратчайшие сроки. Каковы преимущества? Представьте, что вы можете решить все проблемы с веб-сайтом, связанные с изображениями, одним щелчком мыши, разве это не здорово? Обычно изображения - это самый большой ресурс на странице веб-сайта. Всего одним щелчком мыши ShortPixel Adaptive Images заменяет все изображения вашего веб-сайта на правильно обрезанные, оптимизированные изображения правильного размера и выгружает их в глобальную сеть CDN ShortPixel. И для большей любви Google плагин автоматически передает изображения WebP и AVIF в нужные браузеры! Какие особенности? такое же визуальное качество, но изображения меньшего размера благодаря интеллектуальной обрезке алгоритмов ShortPixel - см. пример, обслуживают только изображения подходящего размера в зависимости от области просмотра посетителя. Поддержка отложенной загрузки с регулируемым порогом; Также доступна встроенная в браузере поддержка отложенной загрузки, автоматически обслуживающая изображения WebP и AVIF для браузеров, поддерживающих этот формат. Также поддерживаются анимированные гифки! кэширование и обслуживание из глобальной сети CDN. Поддерживаются все основные галереи изображений, слайдеры и компоновщики страниц. Мастер настройки включает в себя инструмент, который предлагает лучшие настройки для каждого сайта. Поддержка заполнителей изображений низкого качества (LQIP) для JPEG, PNG, GIF, TIFF, Конвертация BMP в WebP и AVIF на лету. Возможность деактивировать функциональность плагина для вошедших в систему пользователей. Различные настройки для повышения гибкости функциональности плагина. Нужна ли мне учетная запись для тестирования этого плагина? Нет, просто установите и активируйте его на своем веб-сайте WordPress, и вы автоматически получите 500 кредитов на оптимизацию изображений, что равняется 2,5 ГБ трафика CDN или примерно 2500 посещений! Сколько это стоит? При использовании адаптивных изображений ShortPixel учитывается только трафик CDN, если вы решите использовать нашу CDN. На бесплатный уровень предоставляется 100 кредитов на оптимизацию изображений, что соответствует 500 МБ трафика CDN или примерно 500 посещений. Платные планы начинаются с 4,99 долларов США, доступны как разовые, так и ежемесячные планы. Еще лучше: если вы уже используете ShortPixel Image Optimizer, вы можете использовать те же кредиты с ShortPixel Adaptive Images! Как это работает? У разных посетителей разные устройства (ноутбук, мобильный телефон, планшет), каждое со своим разрешением экрана. ShortPixel AI учитывает разрешение устройства, а затем предоставляет изображение нужного размера для каждого заполнителя. Давайте рассмотрим веб-страницу с одним изображением размером 640 × 480 пикселей. При просмотре с ноутбука изображение сохранит размер 640x480 пикселей, но будет оптимизировано и отправлено из CDN. Когда та же веб-страница просматривается с мобильного телефона, изображение будет изменено (например) до 300x225 пикселей, оптимизировано и отправлено из CDN. Таким образом, посетители не потратят впустую ни время, ни пропускную способность. Обратите внимание, что при первом вызове конкретного изображения на наши серверы исходное изображение будет временно отображаться. Другие плагины от ShortPixel Оптимизация и сжатие изображений для всех изображений на вашем сайте, включая доставку WebP и AVIF - ShortPixel Image Optimizer Простая замена изображений или файлов в библиотеке мультимедиа - Включить замену мультимедиа Плагин регенерации миниатюр, совместимый с другими плагинами ShortPixel - reGenerate Thumbnails Advanced Убедитесь, что в вашей библиотеке мультимедиа нет огромных изображений. Изменение размера изображения после загрузки. Команды WP CLI. Используйте следующие команды WP CLI, чтобы очистить кеш CSS и заполнители изображений низкого качества: wp shortpixel clear_css wp shortpixel clear_lqips Для разработчиков Если в мультимедиа Библиотека содержит основные изображения, которые заканчиваются обычным суффиксом размера миниатюр (например, -100 × 100), пожалуйста, установите в wp-config.php это: define ('SPAI_FILENAME_RESOLUTION_UNSAFE', true); Если вам нужно выполнить постобработку в jаvascript после обновления изображения / тега с помощью ShortPixel AI, вы можете добавить обратный вызов следующим образом: jQuery (document) .ready (function () {ShortPixelAI.registerCallback ('element-updated' , function (elm) {// elm - это объект jQuery, elm [0] - это тег console.log ("element updated:" + elm.prop ('nodeName'));});}); Для изменения исходного URL-адреса изображения, обнаруженного ShortPixel, используйте этот фильтр, который получает исходный URL-адрес: add_filter ('shortpixel / ai / originalUrl', 'my_function'); Иногда, когда активна опция обрезки изображений, SPAI думает, что обрезать изображение небезопасно, но вы все равно хотите обрезать его. Добавьте этот атрибут, чтобы принудительно обрезать: -> это полностью исключит из обработки изображение, которое имеет этот атрибут; -> это исключит отложенную загрузку изображения плагином; -> это предотвратит изменение размера изображения плагином. Для добавления собственных правил замены используйте: add_filter ('shortpixel / ai / customRules', 'my_function'); Функция получит массив и должна добавить к нему элементы со следующей структурой: ['tagName', 'attrToBeChecked', 'classFilter', 'attributeFilter', false (зарезервировано), 'attributeValueFilter', isEager (bool)]

Автор: ShortPixel

Версия: 2.3.3

Последнее обновление: 2021-06-30 10:03am GMT