Интеллектуальное сжатие изображений с плагином Optimus WordPress

  1. Сжатие с потерями против сжатия без потерь
  2. Сжатие с потерями
  3. Сжатие без потерь
  4. Pagespeed Insights - Оптимизация изображения
  5. 1. Предложение по оптимизации: «Сжимая… вы можете сэкономить 4,7 КБ (30%) без потерь».
  6. 2. Предложение по оптимизации: «Сжимая и регулируя размер… вы можете сэкономить 5,8 КБ (51%)».
  7. Оптимус Особенности
  8. WebP Conversion
  9. Прогрессивные JPEG
  10. API разработчика
  11. Массовая оптимизация
  12. Политика конфиденциальности прозрачных данных
  13. Как работает Optimus?
  14. ценообразование
  15. Оптимус - Бесплатная версия
  16. Optimus HQ
  17. Optimus HQ Pro
  18. Параметры плагинов Optimus
  19. Резюме

Брайан Джексон

Обновлено 10 апреля 2018 г.

Обновлено 10 апреля 2018 г

Использование сжатия изображений является одним из самых быстрых способов увеличить скорость вашей страницы и минимизировать общий размер ваших страниц. Поэтому команда KeyCDN разработала плагин для WordPress, Optimus , которая фокусируется на сжатие PNG-изображений без потерь и слегка JPEG-сжатие с потерями . Вы также можете воспользоваться преимуществами API разработчика для проектов, не связанных с WordPress.

Согласно отчету HTTP Archive за 2016 год, в среднем 64 процента веса страницы сайта состоит из изображений.

В нашем последнем посте 10 инструментов тестирования скорости веб-сайта для анализа веб-производительности «Мы упомянули различные способы оптимизации вашего кода, но, как вы видите, ваш приоритет номер один должен сначала оптимизировать и сжать ваши изображения. Вы увидите самые быстрые выгоды, уменьшив размер ваших изображений.

Мы также дали интервью 20 экспертов по веб-производительности и 46% из них сказали, что приоритет номер один или фокус должны быть на оптимизации изображения .

Сжатие с потерями против сжатия без потерь

Вы можете использовать два различных типа сжатия изображений: с потерями и без потерь. Хотя вы хотите выбрать высокое сжатие, вы также хотите убедиться, что вы поддерживаете качество ваших изображений. И из-за этого Optimus WordPress плагин использует комбинацию обоих методов при сохранении видимого качества изображений .

Сжатие с потерями

Сжатие с потерями относится к сжатию, при котором некоторые данные из исходного файла (JPEG) теряются. Это приводит к значительному уменьшению размера файла, но также означает потерю качества. По умолчанию WordPress использует степень сжатия с потерями 82% для оптимизации изображений JPEG при создании изображений для предварительного просмотра. Вы можете изменить это, используя фильтр jpeg_quality в вашем файле functions.php.

Сжатие без потерь

Сжатие без потерь относится к сжатию, при котором изображение уменьшается без потери качества. Optimus удаляет ненужные метаданные из файлов JPEG и PNG. В зависимости от изображений возможны сокращения до 70%. Даже изображения, экспортированные из Photoshop с использованием функции «Сохранить для Web», все еще могут значительно сокращаться.

Pagespeed Insights - Оптимизация изображения

Google Pagespeed Insights предлагает две рекомендации по оптимизации ваших изображений. Вот два примера, с которыми вы, вероятно, знакомы ниже:

1. Предложение по оптимизации: «Сжимая… вы можете сэкономить 4,7 КБ (30%) без потерь».

Эта рекомендация относится к использованию метода сжатия без потерь, как мы упоминали выше. Вы можете легко это исправить, используя плагин Optimus WordPress или Optimus API ,

2. Предложение по оптимизации: «Сжимая и регулируя размер… вы можете сэкономить 5,8 КБ (51%)».

Эта рекомендация относится к уменьшению ваших изображений вашим браузером. Например, возможно загружаемое изображение имеет ширину 400 пикселей, но ширина столбца, в котором оно было размещено, составляет всего 300 пикселей. Это приводит к уменьшению изображения до 300px из-за CSS, чтобы оно соответствовало размеру столбца. Это также может быть проблемой во многих темах WordPress, потому что разработчики стремятся уменьшить масштаб в адаптивных темах, используя CSS.

Лучше всегда загружать изображения в масштабе. Или вы также можете загрузить несколько разрешений ваших изображений и служить правильное разрешение для правильного устройства ,

Оптимус Особенности

Основная цель Optimus - сжатие больших файлов при сохранении качества . Включает в себя следующие функции:

  • Сжатие файлов JPEG и PNG
  • WebP Conversion
  • Максимальный размер файла: 5 МБ
  • Неограниченное количество изображений
  • Прогрессивные JPEG
  • Уменьшение размера файла без видимых изменений качества изображения
  • Автоматическая оптимизация исходных и предварительных изображений (включая эскизы WP)
  • Совместим с WordPress Multisite и WooCommerce
  • HTTPS соединение
  • API разработчика
  • Изображения не хранятся на серверах Optimus
  • Массовая оптимизация (оптимизация существующих изображений)
  • Поддержка от команды на KeyCDN

WebP Conversion

Optimus поддерживает преобразование в формат файла WebP. WebP это новый формат изображений, разработанный Google, который обеспечивает сжатие изображений с потерями и без потерь в Интернете. WebP - это сложный альтернативный метод для удобного сжатия изображений, который сейчас выходит на рынок.

Согласно Google, изображения без потерь в WebP На 26% меньше чем PNG и На 25-34% меньше чем изображения в формате JPEG.

Вы можете добавить следующий фрагмент в свой файл .htaccess для поддержки обслуживания в формате WebP вместо изображений JPEG или PNG. Примечание. В настоящее время WebP поддерживается только в Google Chrome и Opera.

<IfModule mod_rewrite.c> RewriteEngine On RewriteCond% {HTTP_ACCEPT} image / webp RewriteCond% {DOCUMENT_ROOT} / $ 1.webp -f RewriteRule ^ (путь / к / вашим / изображениям. +) \. (Jpe? G | png) $ $ 1.webp [T = image / webp, E = accept: 1] </ IfModule> <IfModule mod_headers.c> Добавление заголовка Vary Accept env = REDIRECT_accept </ IfModule> AddType image / webp .webp

Узнайте больше о преимуществах преобразование в WebP для вашего следующего проекта.

Прогрессивные JPEG

Optimus также создает прогрессивные JEPG в качестве вывода. Обычно файлы JPEG загружаются сверху вниз, они называются базовыми изображениями. Прогрессивные JPEG-файлы отличаются тем, что сразу показывают все изображение, но загружают только некоторые данные, то есть он может выглядеть слегка пиксельным, пока изображение не загрузится полностью. Вы можете увидеть примеры ниже.

Пример исходного кода JPEG: darnoffice Пример прогрессивного JPEG-файла: darnoffice

В зависимости от размера файла прогрессивные JPEG-файлы могут быть значительно лучше оптимизированы, что приводит к уменьшению выходного размера (что приводит к ускорению загрузки) . Кроме того, когда речь идет о том, что видит посетитель, вы бы предпочли, чтобы они видели половину изображения или изображение с небольшим количеством пикселей до полной загрузки?

API разработчика

Вы можете интегрировать Optimus непосредственно в процесс оптимизации изображений вашего приложения с помощью API разработчика. Вы можете делать такие вещи, как:

  1. Оптимизация и сжатие вашего изображения
  2. Оптимизируйте и сжимайте изображение, но сохраняйте метаданные
  3. Оптимизируйте и конвертируйте ваше изображение в WebP

Для получения дополнительной документации см. Optimus Developer API ,

Массовая оптимизация

Плагин Optimus позволяет выполнять массовую оптимизацию существующих изображений . Это может быть полезно после первой установки плагина в WordPress. Есть два разных способа сделать это.

  1. Перейдите в «Инструменты» в WordPress и нажмите «Оптимизировать все изображения». Это позволит сжать все изображения, которые еще не были сжаты в вашей медиатеке WordPress. В зависимости от размера вашей библиотеки это может занять некоторое время.
  2. Вы также можете оптимизировать изображения, выбрав их оптом через медиа-библиотеку в WordPress.

Политика конфиденциальности прозрачных данных

Конфиденциальность данных очень важна, и поэтому каждое изображение, которое передается на сервер Optimus для оптимизации, немедленно удаляется. Серверы Optimus находятся в Германии, и все соединения используют шифрование SSL.

Узнайте больше о защита данных с Оптимусом.

Как работает Optimus?

Когда вы загружаете изображения в медиатеку в WordPress, плагин Optimus одновременно отправляет изображения на сервер Optimus для сжатия, а затем отправляет их обратно в оптимизированной форме. Затем плагин сохраняет версию изображения с уменьшенным размером файла в медиа-библиотеке.

Оптимизация изображений, в том числе миниатюр, проводится в фоновом режиме и вне поля зрения пользователя. Прибыль от сжатия для файла отображается Optimus в библиотеке мультимедиа в виде процентного значения. Смотрите пример ниже.

ценообразование

У Optimus есть три различных типа лицензий, которые вы можете выбрать: Optimus, Optimus HQ и Optimus HQ Pro. Цены уникальны по сравнению с большинством других онлайн-сервисов сжатия или плагинов в том, что это единовременная плата в год вместо ежемесячной подписки. Там нет автоматического продления и 14-дневная гарантия возврата денег.

Оптимус - Бесплатная версия

Бесплатно: Optimus поддерживает сжатие JPEG и PNG, но максимальный размер файла не должен превышать 100 КБ. Он поддерживает неограниченное количество изображений и прогрессивных JPEG.

Optimus HQ

$ 19 / год: Optimus HQ поддерживает максимальный размер файла 5 МБ, сжатие JPEG и PNG, подключение HTTPS, преобразование WebP, API разработчика, неограниченное количество изображений и прогрессивные файлы JPEG. Вы можете использовать эту лицензию на всех ваших собственных проектах .

Optimus HQ Pro

99 долларов США в год: Optimus HQ Pro поддерживает все те же функции, что и Optimus HQ, но вы можете использовать его во всех своих проектах, а также проектах своих клиентов и клиентов .

Узнайте больше об определении какая лицензия вам подходит ,

Параметры плагинов Optimus

Вы можете скачать Optimus с WordPress репозиторий или купить его у Оптимус сайт , Если вы приобретете премиум-лицензию, вы получите ее по электронной почте. Чтобы активировать плагин, просто нажмите на плагины, прокрутите вниз и введите свой лицензионный ключ Optimus.

Попав в плагин, вы получаете следующие опции:

  • Размеры изображений: здесь вы увидите сжатые изображения разных размеров. Это зависит от вашей темы и установленных плагинов. По умолчанию WordPress будет иметь миниатюры, средние, большие и пост-миниатюры.
  • Игнорировать исходные изображения: Вы можете использовать эту опцию, если хотите сохранить исходное изображение и сжимать только миниатюры.
  • Хранить метаданные изображения: Сохраняет EXIF, информацию об авторских правах и фотографии в изображениях.
  • Файлы WebP: создание нового формата изображений Google WebP (Optimus HQ и HQ Pro).
  • HTTPS-соединение: безопасная передача изображений с использованием шифрования TLS (Optimus HQ и HQ Pro).
  • Ручная оптимизация: нет оптимизации изображений в процессе загрузки.

Резюме

Если вы еще не начали оптимизировать свои изображения, скачать Оптимус сейчас и проверьте результаты сжатия для себя. Это отличное решение для сжатия изображений WordPress. Воспользуйтесь преимуществами интеллектуального сжатия изображений, прогрессивных JPEG-файлов, преобразования WebP и уникального годового плана без ограничения количества сжимаемых изображений.

Команда KeyCDN готова помочь вам ускорить работу вашего сайта и автоматизировать сжатие изображений!

Похожие

Как добавить отображаемую / баннерную рекламу на боковую панель WordPress
Узнайте, как быстро создать связанную баннерную рекламу и опубликовать ее на боковой панели. Этот метод разбивается на несколько простых шагов: На панели инструментов создайте черновик рекламной страницы для этой и будущих рекламных работ. Загрузите изображение для медийного объявления и вставьте его на свою рекламную страницу. Свяжите
Как отключить рекламу в uTorrent?
... славился своей невероятной легкостью, минимализмом и отсутствием ненужных дополнений. К сожалению, со временем приложение стало расти, появились новые функции, а также ... реклама. К счастью, расширенные настройки программы позволяют отключить рекламные баннеры. Как это сделать? Нам не нужно ничего
Загрузить KMSpico 11 Official ™ ® Активатор для Windows & MS Office ® ​​2019
... без активации. Таким образом, пользователь, который сталкивается со сложностью нелицензионных продуктов, просто следует инструкциям и использует финальную версию KMSpico для активации своих продуктов. KMSpico 10 Активатор который используется для активации Microsoft Office, Windows 7, 8 и 10. При запуске этого инструмента запускаются некоторые фоновые процессы, которые помогут в активации офиса и окон.
Мобильные приложения против смога
Проблема смога в Польше действительно серьезна. Мы много слышим о том, как с этим бороться, но часто не хватает информации о возникновении и интенсивности этого явления в тот или иной день. Хотя борьба со смогом зависит от сотрудничества с другими и займет некоторое время, от его вредных последствий мы можем защитить себя сегодня. Мобильные приложения приходят с помощью. Мобильные приложения против смога - SmokSmog В начале приложение предназначено только для мониторинга
Оптимизировать время загрузки страницы
... сжатие можно включить с помощью команды: sudo a2enmod выкачать Иногда вам нужно вручную добавить сжатие GZIP для файлов SVG в файле .htaccess или конфигурации виртуального хоста: AddType image / svg + xml svg svgz AddEncoding gzip svgz Expire заголовки Заголовки Expire сообщают браузеру, следует ли загружать ресурс с сервера или из кэша браузера. Если вы установите этот заголовок, например, для файлов изображений jpg, браузер будет
Лучший HTML в PDF PHP API
Скачать и запустить легко PDF Action Center , Выберите PHP в качестве языка. Выберите HTML в качестве исходного типа файла. Выберите функции, которые вы хотите в вашем PDF.
Как настроить яркость экрана в Windows 10
... спорные изменения, которые пришли с Windows 10 был новый способ, которым операционная система обрабатывает яркость экрана. До этого момента пользователям Windows предоставлялся ползунок, в той или иной форме, который позволял настраивать яркость экрана устройства в любой степени, которую хотел пользователь. Нужно снизить яркость до 5%? Легко. В комнате с необычным освещением и обнаружением, что яркость 61% является лучшей настройкой? Пользователи тоже могут это сделать.
Как восстановить потерянное имя пользователя и пароль Joomla
... безопасен мой пароль? сайт. Вставьте ранее скопированный сгенерированный пароль в поле «ВВОД ПАРОЛЯ» и нажмите клавишу Enter на клавиатуре. Теперь вы увидите, сколько времени потребуется компьютеру, чтобы взломать ваш пароль. Убедитесь, что ваш пароль достаточно сложен для взлома:
Как безопасно использовать старую Opera 12 на компьютере?
Старая версия Opera, обозначенная цифрой 12, является последней выпущенной на основе старого движка, который содержит полный набор функций, уникальных для норвежского браузера. Тот факт, что браузер не обновляется активно, не означает, что его нельзя использовать.
Как я изучал программирование / мой профессиональный путь
редактировать ... стоит отметить, что эта запись - мой карьерный путь к 2015 году. Текущие данные можно найти, например, Goldenline портал , Во время последнего голосования в записи / эпизоде ​​он получил тему «моя учеба / карьера». Я немного отсортировал название темы и начал писать. 😀 Возможно, я играл с редактором карт на Amiga, но, насколько я помню, моя первая встреча с чем-то, что в какой-то степени напоминало
Как оптимизировать стоимость листинга Allegro на аукционах?
Глядя на текущие финансовые результаты Cyfrowe.pl Прорыв 2002/2003 годов стал отличным моментом для запуска интернет-магазина. Я приглашаю вас на следующее интервью из серии « Как

Комментарии

Знаете ли вы, что с Google, вы можете теперь искать изображения очень эффективно?
Знаете ли вы, что с Google, вы можете теперь искать изображения очень эффективно? Вместо описательного текста вы напрямую вводите изображение для сравнения. Хотя эта функция очень незаметна и активна не во всех браузерах, она работает с Internet Explorer и Mozilla Firefox. Лоренц Хёльшер покажет вам, как использовать этот поиск изображений. «Нормальный» поиск изображений Google уже очень эффективен в поиске изображений без новых функций. Предположим,
Как работает KMS?
Как работает KMS? Вот сделка: Понимание KMSPico поможет вам понять, как работает KMS. Давайте возьмем пример Microsoft. Microsoft необходимо работать со многими небольшими компаниями и крупными компаниями, и люди, использующие системы, сталкиваются с этой проблемой лицензий до тех пор, пока не проверят окна. Так: Microsoft назначает сервер управления ключами. Таким образом, запросы на активацию не бомбардируют Microsoft, а
Итак, как вы проверяете фотографа продукта и знаете, получат ли они вам изображения, которые вам нужно продавать лучше?
Итак, как вы проверяете фотографа продукта и знаете, получат ли они вам изображения, которые вам нужно продавать лучше? Прежде всего, посмотрите на их онлайн-портфолио. Вот портфолио Роберта. Вы можете сразу же увидеть много качественных фотографий и акцент на фотографиях продуктов для электронной коммерции. Ищите продукты, похожие на те, которые вы собираетесь продавать. Вам нравятся фотографии? Если вы не видите продукт, похожий на ваш, свяжитесь с фотографом и спросите,
Как вы можете улучшить свое PHP-приложение с ними?
Как вы можете улучшить свое PHP-приложение с ними? Изображение через Fotolia Abdullah Abouzekry - опытный веб-разработчик, который более 7 лет разрабатывает приложения PHP / MySQL, начиная от простых веб-сайтов и заканчивая обширными веб-бизнес-приложениями. Хотя его основной опыт связан с PHP / MySQL и связанными с ним веб-технологиями, он разработал и локализовал
Можете ли вы сделать тяжелый фильм с высоким разрешением?
Можете ли вы сделать тяжелый фильм с высоким разрешением? С помощью программ эту проблему можно отследить. Некоторые эксперты устанавливают предел безопасности на уровне 70 ° C, если температура выше, вы должны начать проверять, что может быть не так. Что делать, если компьютер перегревается?
Что нужно сделать, чтобы ваше предложение заинтересовало как можно больше людей и гарантировало привлекательную прибыль?
Что нужно сделать, чтобы ваше предложение заинтересовало как можно больше людей и гарантировало привлекательную прибыль? У нас есть несколько советов для вас. Для кого вы хотите снять комнату? То, каким образом комната предназначена для кого и для кого будет использоваться комната, зависит от того, как используется устройство. Если вы планируете арендовать одного человека, расположение комнаты будет немного отличаться от потребностей женщины или комнаты для мужчины.
Как работает фазовая петля?
Как работает фазовая петля? В приведенной выше блок-схеме, ПД или фазовый детектор сравнивает частоту выходного сигнала с помощью входного сигнала опорной частоты. В случае любого несоответствия, фазовый детектор генерирует сигнал ошибки, который фильтруется
Так как же вы финансируете их покупку, если хорошая погода не дает нам покоя, деньги на удовольствие закончились, а в гараже по-прежнему не стоят желанные два колеса?
Так как же вы финансируете их покупку, если хорошая погода не дает нам покоя, деньги на удовольствие закончились, а в гараже по-прежнему не стоят желанные два колеса? Сколько стоит банковский кредит в банке? Когда желанный велосипед уже выбран, вопрос о том, как мы за него платим, остается. Если покупки недостаточно с кошелька, покупатель может поддержать внешнее финансирование. В этом случае банковский кредит будет одним из более дорогих вариантов, но
Как это работает?
Как это работает? Нажмите кнопку Опрос сайта Нажмите свое текущее местоположение на карте и начните ходить Как минимум, нажимайте на карту всякий раз, когда вы поворачиваетесь, или начинаете идти, или прекращаете идти. Чтобы остановить / приостановить съемку, просто щелкните правой кнопкой мыши Чтобы продолжить съемку (из другого места или из того же места), просто снова щелкните левой кнопкой мыши на карте
Вы помните, как видели этот кусок кода в вашем сбросе CSS?
Вы помните, как видели этот кусок кода в вашем сбросе CSS? статья, в стороне, подробности, figcaption, рисунок, нижний колонтитул, заголовок, hgroup, nav, раздел, сводка {display: block; } Это добавлено для старых браузеров (например, IE6-8), которые не распознают новые элементы HTML5. По умолчанию во всех браузерах все неизвестные элементы имеют вычисленное значение отображения «inline». Вот JS Bin
Как вы начали?
Как вы начали? Установить Linux Это должно быть само собой разумеется, но первым ключом к изучению Linux является установка Linux. Курсы LFS101x и LFS201 содержат подробные разделы по установке и настройке Linux впервые. Возьми LFS101x Если вы новичок в Linux, лучше всего начать с нашего бесплатного LFS101x

Jpe?
Кроме того, когда речь идет о том, что видит посетитель, вы бы предпочли, чтобы они видели половину изображения или изображение с небольшим количеством пикселей до полной загрузки?
Как работает Optimus?
Как это сделать?
Нужно снизить яркость до 5%?
В комнате с необычным освещением и обнаружением, что яркость 61% является лучшей настройкой?
Безопасен мой пароль?
Знаете ли вы, что с Google, вы можете теперь искать изображения очень эффективно?
Как работает KMS?
Итак, как вы проверяете фотографа продукта и знаете, получат ли они вам изображения, которые вам нужно продавать лучше?

Добро пожаловать , Гость !

Мы настоятельно рекомендуем Вам зарегистрироваться, если вы ещё этого не сделали. регистрация откроет Вам новые функции.

Войти или Зарегистрироваться

www.silvio-berluskoni.ru © Все права защищены © 2016.