Ускорьте работу своего веб-сайта, оптимизировав изображения JPEG, PNG и WebP. Этот плагин автоматически оптимизирует все ваши изображения путем интеграции с популярными сервисами сжатия изображений TinyJPG и TinyPNG.
- Как это работает?
- Начало работы
- Оптимизация всех ваших изображений
- Из панели управления WordPress
- С WordPress.org
- Дополнительная конфигурация
- В: Сколько изображений я могу оптимизировать бесплатно?
- В: Как снять ограничение в 500?
- В: Что происходит с оптимизированными изображениями, когда я удаляю плагин?
- В: Существует ли ограничение на размер файла?
- Вопрос: Могу ли я использовать один и тот же ключ API на всех своих веб-сайтах?
- В: Могу ли я скрыть свой API-ключ от администратора?
- В: Что произойдет, когда я достигну месячного лимита?
- В: Могу ли я оптимизировать все существующие изображения в моей медиатеке?
- 3.4.1
- 3,4
- 3,3
- 3.2.1
- 3.2.0
- 3.1.0
- 3.0.1
- 3.0.0
- 2.2.6
- 2.2.5
- 2.2.4
- 2.2.3
- 2.2.2
- 2.2.1
- 2.2.0
- 2.1.0
- 2.0.2
- 2.0.1
- 2.0.0
- 1.7.2
- 1.7.1
- 1.7.0
- 1.6.0
- 1.5.0
- 1.4.0
- 1.3.2
- 1.3.1
- 1.3.0
- 1.2.1
- 1.2.0
- 1.1.0
- 1.0.0
- Оптимизация изображений WordPress с Optimole
- Установка и настройка плагина для оптимизации изображений WordPress
- В заключение
- Не грузите полный размер
- 5 лучших сервисов для сжатия картинки без потери качества
- Лучшие плагины для оптимизации изображений в WordPress
- Настройка lazy loading изображений
- Как сделать отложенную загрузку изображений?
- Плагин EWWW для оптимизации изображений
- Плагин сжатия WP
- Плагин ShortPixel Image Optimizer
- Часто задаваемые вопросы о плагинах для сжатия изображений WordPress
- В заключение, давайте упомянем несколько вещей
- Кратко о компрессии и плагинах для сжатия изображений
- 7 лучших плагинов WordPress для сжатия картинок
- Тестирование компрессоров
- ShortPixel Adaptive Images
- Imagify
- Optimole
- Smush
- EWWW Optimizer
- WP Compress
- Robin Image Optimizer
- Какой плагин для сжатия изображений выбрать?
- Сжимайте изображения в WordPress с помощью плагина Smush Image
- Сжимайте изображения в WordPress с помощью плагина TinyPNG
- Как сжимать изображения в WordPress без плагина
- Некоторые другие плагины сжатия изображений
- Оптимизация изображения с помощью Optimole
- Оптимизатор изображений Робина
- Зачем сжимать изображения в WordPress?
Как это работает?
После загрузки изображения на свой сайт WordPress каждое изображение с измененным размером загружается в сервис TinyJPG или TinyPNG. Ваше изображение анализируется для применения наилучшей возможной оптимизации. На основе содержания вашего изображения выбирается оптимальная стратегия. Результат будет отправлен обратно на ваш сайт WordPress и заменит исходное изображение на изображение меньшего размера.
В среднем изображения JPEG сжимаются на 40–60 %, а изображения PNG – на 50–80 % без видимой потери качества. Ваш веб-сайт будет загружаться быстрее для ваших посетителей, а вы сэкономите место для хранения и пропускную способность!
Начало работы
Оптимизация всех ваших изображений
Вы можете выполнить массовую оптимизацию
все существующие изображения JPEG, PNG и WebP одновременно, перейдя в Медиа > Массовая оптимизация
. Нажатие на большую кнопку запустит оптимизацию всех неоптимизированных изображений в вашей медиатеке.
Из панели управления WordPress
- Посетите Плагины > Добавить новый.
- Найдите «tinypng» и нажмите кнопку «Установить сейчас» для плагина под названием «TinyPNG – сжатие изображений JPEG, PNG и WebP» от «TinyPNG».
- Активируйте плагин из ваших Плагинов страница.
- Перейдите в Настройки > TinyPNG – сжатие изображений JPEG, PNG и WebP страницу и зарегистрируйте новую учетную запись.
- Или введите ключ API, полученный на https://tinypng.com/developers.
- Перейдите в Медиа > Массовая оптимизация и оптимизируйте все ваши изображения!
С WordPress.org
- Загрузите плагин под названием «TinyPNG – сжатие изображений JPEG, PNG и WebP» от TinyPNG.
- Загрузите
tiny-compress-images
каталог к вашему/wp-content/plugins/
каталог, используя ваш любимый метод (ftp, sftp, scp и т. д.) - Активируйте плагин на странице «Плагины».
- Перейдите в Настройки > TinyPNG – сжатие изображений JPEG, PNG и WebP страницу и зарегистрируйте новую учетную запись.
- Или введите ключ API, полученный на https://tinypng.com/developers.
- Перейдите в Медиа > Массовая оптимизация и оптимизируйте все ваши изображения!
Дополнительная конфигурация
define( 'TINY_API_KEY', 'YOUR_API_KEY_HERE' );
После настройки вы увидите сообщение Настройки > TinyPNG – сжатие изображений JPEG, PNG и WebP
страница. Это будет работать для обычных и многосайтовых установок WordPress.
-
В: Сколько изображений я могу оптимизировать бесплатно?
- О: При установке WordPress по умолчанию вы можете бесплатно оптимизировать около 100 изображений каждый месяц. WordPress создает различные миниатюры ваших изображений, которые необходимо сжать. Некоторые плагины даже добавляют дополнительные размеры, поэтому загляните в Настройки > TinyPNG – сжатие изображений JPEG, PNG и WebP .
перед тем, как приступить к оптимизации. -
В: Как снять ограничение в 500?
- A: Просто добавьте свои платежные реквизиты
на панели управления вашей учетной записью
чтобы убрать лимит. За небольшую плату дополнительные сжатия свыше 500 будут списываться с вашего счета в конце каждого месяца. -
В: Что происходит с оптимизированными изображениями, когда я удаляю плагин?
- О: Когда вы удалите плагин, все ваши оптимизированные изображения останутся оптимизированными.
-
В: Существует ли ограничение на размер файла?
- А: Да, но они очень
щедрый! Максимальный размер файла — 500 МБ, а максимальный размер холста — 256 МП (16 000 на 16 000 пикселей в любом соотношении). -
Вопрос: Могу ли я использовать один и тот же ключ API на всех своих веб-сайтах?
- А: Да, ограничений нет. Вы можете добавить один и тот же ключ везде.
-
В: Могу ли я скрыть свой API-ключ от администратора?
-
В: Что произойдет, когда я достигну месячного лимита?
- О: Все продолжит работать, но вновь загруженные изображения не будут оптимизированы. Конечно, мы призываем всех сменить
на платный счет для покрытия расходов на хостинг и разработку сервиса. -
В: Могу ли я оптимизировать все существующие изображения в моей медиатеке?
- А: Да! После установки плагина перейдите в Медиа > Массовая оптимизация .
и нажмите кнопку «Пуск», чтобы оптимизировать все неоптимизированные изображения в вашей медиатеке.
3.4.1
- Исправлена ошибка, которая иногда препятствовала повторной попытке неудачных запросов к серверам Tinify.
3,4
- Исправлено получение метаданных размера файла для сжатых изображений в WordPress 6.
- Обновлена совместимость с WordPress.
3,3
- Теперь вы можете оптимизировать изображения WebP в дополнение к JPEG и PNG.
3.2.1
- Исправлена ошибка, из-за которой исходная версия изображений, начинающаяся со специального символа, не сжималась.
- Обновлена совместимость с WordPress.
3.2.0
- Поддержка WP Retina 2x Pro.
- Дополнительные проверки возможностей для дополнительной безопасности.
- Менее ресурсоемкие запросы AJAX.
- Исправлены проблемы с CSS в плагине Analytify.
- Удалена совместимость с устаревшей расширенной медиабиблиотекой.
3.1.0
- Оставшиеся свободные сжатия показаны на странице настроек.
- Более простой способ обновить бесплатную учетную запись.
- WPML и совместимость мультимедиа WPML в сотрудничестве с авторами WPML. Обязательно обновите WPML до версии 4.1.
- На страницу массовой оптимизации добавлено уведомление для бесплатных учетных записей с недостаточным количеством доступных бесплатных сжатий.
- Добавлен новый хук после сжатия изображения, полезный для очистки кэша CDN.
3.0.1
- Исправлена ошибка, приводившая к ошибке при регистрации новой учетной записи.
- Больше не используйте функцию create_function, которая устарела в PHP 7.2. Плагин больше не поддерживает PHP 5.2.
- Перефразировано уведомление о несовместимости плагинов, чтобы избежать путаницы.
3.0.0
- Сжимайте новые изображения в фоновом режиме, чтобы ускорить рабочий процесс.
- Страница массовой оптимизации с турбонаддувом и одновременным сжатием изображений.
- Улучшено использование памяти при установках с экстремальными медиа-библиотеками.
- Обнаружение несовместимых плагинов.
- Возврат к fopen всякий раз, когда функция Curl_exec отключена.
- Дополнительные уведомления для пользователей WP Offload S3.
- Несколько мелких исправлений и доработок.
2.2.6
- Исправлена ошибка сжатия файлов отличных от JPEG и PNG типов, миниатюры которых генерируются автоматически.
2.2.5
- Исправлена ошибка на странице массовой оптимизации, из-за которой она иногда останавливалась.
- Исправлена проблема, из-за которой виджет панели управления не загружался.
- Изменен стиль виджета панели управления для последней версии WordPress.
- Исправлено предупреждение в медиатеке при использовании определенных плагинов.
2.2.4
- Исправлена ошибка с раскрывающимся меню в Медиатеке.
- Уведомление об ограничении сжатия теперь связано непосредственно с панелью управления API.
- Изменен стиль виджета приборной панели.
2.2.3
- Изменены ссылки, чтобы упростить переход непосредственно к панели управления API.
- Исправлена проблема со сжатием для некоторых пользователей fopen.
2.2.2
- Повышена надежность в случае возникновения неожиданной сетевой ошибки.
- Исправлено ложное срабатывание сканера Sucuri.
- Исправлена проблема со сжатием для пользователей fopen.
2.2.1
- Исправлена ошибка, возникшая в версии 2.2.0, когда не отображались все пользовательские размеры изображений.
- Добавлена поддержка размеров изображений с неопределенной высотой или шириной.
2.2.0
- Новый виджет панели управления, показывающий сбережения в вашей медиатеке.
- Поддержка сжатия изображений среднего и большого размера.
2.1.0
- Сжатие изображений сетчатки, созданных WP Retina 2x.
- Решена ошибка, из-за которой ключ API очищался на странице настроек.
- Исправлена ошибка, возникавшая при некоторых установках PHP 7.
- Исправлена ошибка fopen при сохранении метаданных.
2.0.2
- Страница быстрой массовой оптимизации с уменьшенным использованием памяти (спасибо @esmus).
- Исправлена ошибка XML-RPC (спасибо @ironmanixs, @gingerdog, @quicoto и @isaumya).
2.0.1
- Исправлена ошибка при поиске из админки (спасибо @bapcsuk).
2.0.0
- Совершенно новая страница массовой оптимизации.
- Лучшее определение размеров изображений с повторяющимися именами файлов.
- Упрощенная активация учетной записи и создание ключа API.
- Исправлено нижнее раскрывающееся меню в медиатеке.
- Используйте новейшую клиентскую библиотеку PHP для подключения к TinyJPG и TinyPNG.
- Добавлен резервный вариант fopen для старых систем, работающих под управлением PHP 5.2.
1.7.2
- Показать дополнительную информацию о размерах сжатых изображений во всплывающем окне.
- Добавьте сведения о сжатии в обзор изображения.
1.7.1
- Сохраняйте местоположения GPS и даты создания в исходных изображениях JPEG.
- Возможность сохранить информацию об авторских правах в исходных изображениях PNG.
- Улучшено обнаружение неподдерживаемых типов файлов.
1.7.0
- Возможность сохранить информацию об авторских правах в исходных изображениях JPEG.
- Добавлена поддержка прокси для cURL.
- Поддержка переводов плагина Translate.wordpress.org.
1.6.0
- Улучшен статус сжатия в Медиатеке с новым окном подробностей.
- Покажите общую экономию при сжатии на странице настроек мультимедиа.
- Параметр «Сжать все изображения» перенесен из меню «Инструменты» в меню «Медиа».
1.5.0
- Измените размер исходных изображений, указав максимальную ширину и/или высоту.
- Поддержка мобильного приложения WordPress (спасибо Дэвиду Гудвину).
1.4.0
- Указание количества изображений, которые вы можете сжимать бесплатно каждый месяц.
- Ссылка на страницу настроек мультимедиа из списка плагинов.
- Уточнение, что исходные изображения будут перезаписаны при сжатии.
1.3.2
- Обнаружение миниатюр разных размеров с одинаковыми размерами.
1.3.1
- Медиатека показывает файлы, находящиеся в процессе сжатия.
1.3.0
- Добавлена возможность массового сжатия всей медиатеки за один раз.
- Улучшена индикация размеров сжатых изображений.
- Обнаружение размеров изображений, измененных после сжатия другими плагинами.
1.2.1
- Запретить сжатие исходного изображения, если это единственный выбранный размер изображения.
1.2.0
- Покажите, ввели ли вы действительный ключ API.
- Отображение состояния соединения и количества сжатий в этом месяце.
- Показывать уведомление администраторам при достижении предела бесплатного сжатия.
- Плагин теперь работает, когда на вашем хосте отключен PHP parse_ini_file.
- Избегайте предупреждений, если не выбраны размеры миниатюр изображений.
1.1.0
- Ключ API теперь можно установить с помощью константы TINY_API_KEY в wp-config.php. Это будет работать для обычных и многосайтовых установок WordPress.
- Включить или отключить сжатие исходного загруженного изображения.
- Улучшено отображение исходных размеров и сжатых размеров с указанием общего размера сжатия в списке медиабиблиотеки.
1.0.0
- Начальная версия.
Оптимизация изображений WordPress автоматически
Оптимизация изображений и отложенная загрузка от Optimole. Оптимизация изображения является одним из ключевых факторов повышения производительности вашего сайта ВордПресс.
В этом коротеньком посте мы рассмотрим Optimole — сервис оптимизации изображений и покажем, как его интегрировать с вашим сайтом.
Автоматически сжимайте, оптимизируйте и обслуживайте масштабированные изображения вместе с WebP. Формат WebP обеспечивает более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее.
Оптимизация изображений в WordPress сегодня одна из основных задач для вашего сайта. Ведь сайты не становятся меньше. Посетители все больше стремятся использовать визуальный контент, темы WordPress меняются, тенденции в дизайне становятся все более зависимыми от фотографий/картинок с каждым днем.
Изображения составляют до 60% от общего времени загрузки веб-страниц. По этой причине, заботясь о чем-то столь же простом, как и об их оптимизации, вы сможете загрузить свой сайт даже вдвое быстрее.
Очевидно, что использование меньшего количества изображений на веб-ресурсе не является хорошим решением (нам нужны только самые лучшие решения). Чтобы загружаемые изображения автоматически конвертировались в открытый формат, используйте дополнительный плагин или сервис.
Оптимизация изображений WordPress с Optimole
Это намного проще, чем другие добавить сжатие изображений. Плагин Оптимизация изображений и отложенная загрузка от Optimole делают всю тяжелую работу для вас в фоновом режиме, плюс — он передает изображение через CDN для еще большей производительности. Ваши изображения будут обслуживаться с CDN, а не с вашим основным сервером. Это сокращает время загрузки и использование полос пропускания. Инструментальные поддержки всех типов изображений, а также Retina и WebP
(если браузер посещает поддержку нового формата).
Optimole — это комплексное решение для всех ваших задач по оптимизации изображений. Вместо того, чтобы сжимать изображения локально, а затем постоянно заменять их в медиатеке, Optimole делает все в облаке.
Как только вы активируете плагин, Optimole извлекает ваше изображение и выполняет всю его оптимизацию в реальном режиме времени. Сервис всегда обеспечивает идеальную версию изображения — с учетом посетителя устройства, браузера и размера экрана.
Это означает, что ваш посетитель всегда видит идеальную версию изображения, которая была настроена для него индивидуально.
Сжатие изображений — это только верхушка айсберга. Optimole делает ваш сайт намного быстрее в целом!
Установка и настройка плагина для оптимизации изображений WordPress
Как только вы установите и активируете плагин, вам будет предложено зарегистрировать учетную запись и ввести свой личный ключ API, который позволит вам подключиться к услуге Optimole (сервис по оптимизации изображений):
Нажмите кнопку (вам будет предложено указать адрес электронной почты, который будет использоваться для создания новой учетной записи).
В бесплатной версии плагина сервис
будет обрабатывать ваши изображения и бесплатно доставлять их оптимизированные версии 5000 посетителям вашего веб-сайта в месяц.Optimole
После посещение своей почты вернитесь в админ-панель WordPress (раздел Медиафайлы — Optimole).
На следующем экране скопируйте и вставьте ключ API, полученный в электронном письме, и нажмите Подключиться к Optimole Service:
Через пару секунд вы сможете начать работать с сервисом по оптимизации медиафайлов. После вы увидите это уведомление:
Отличительной особенностью Optimole является то, что он работает на автопилоте. На этом этапе Optimole уже настроен на работу с автопилотом на большинстве сайтов WordPress. Он берет все ваши изображения и автоматически оптимизирует их. Круто!
Несмотря на то, что сервис работает автоматически, есть еще несколько опций, которые дают вам немного больше контроля над происходящим. Чтобы увидеть эти параметры, перейдите на вкладку Настройки:
Для большинства пользователей настройки подойдут по умолчанию. Но, естественно, вы можете изменить их по своему желанию при внесении любых изменений, не забудьте нажать кнопку Сохранить изменения.
Когда изображение запрашивается, Optimole применит конкретные преобразования, требуемые устройством, и доставит его вашим посетителям. Это означает, что каждое изображение идеально подходит для каждого устройства. Окончательный результат будет храниться в кэше в течение месяца, чтобы обеспечить быструю доставку и скорость сайта.
В заключение
Плагин очень прост в использовании — вы просто загружаете его, вставляете свой ключ API, и он начинает работать автоматически. Полностью автоматизирован, установили и забыли. И благодаря благодаря плагину Image optimization & Lazy Load by Optimole все ваши изображения будут на 80% меньше весить, а выглядят они, так же хорошо. Ваши посетители не заметят ничего странного с вашими оптимизированными картинками.
Автоматически сжимайте и оптимизируйте ваши изображения на сайте WordPress и будет вам счастье! А ваш сайт будет работать быстрее. Удачи вам, дамы и господа.
Изображения — важная часть контента на сайте. Они не только делают страницу красивее, но и могут сами стать источником трафика. Все говорят, что в первую очередь изображения должны быть яркими, сочными, чёткими, полезными и т.д. Это да, не поспоришь. Но важно, чтобы они не мешали быстрой загрузке сайта, которая, кстати, колоссально от них зависит. Поэтому сегодня мы будем разбираться, как сократить размер картинки без потери качества.
Не грузите полный размер
Нет смысла загружать на сайт картинку полного размера, чтобы потом её уменьшать. Так вы уменьшаете её только визуально, а вес остаётся огромным. Гораздо правильней будет подготовить картинку с нужным размером у себя на компьютере и только потом загрузить её на сайт.
Изображение должно иметь такой размер, с каким оно будет выводиться на странице. Если вам в статье нужна фотография размером 200х200 пикселей, то вариант загрузить её на сайт размером 2000х2000 пикселей и просто уменьшить — не самый оптимальный. Лучше сразу грузите её на сервер размером 200х200 пикселей.
Давайте разберём это на примере. Мне нужна картинка для статьи, и я хочу, чтобы она выводилась размером от одного края текста до другого. Как мне узнать точный размер?
Представим, что я хочу вставить вот эту картинку и понять, какой точно размер ей нужен. Для этого я должна выделить блок текста под ней.
Я захожу на страницу статьи, кликаю по тексту правой кнопкой мыши и выбираю «Исследовать элемент». У пользователей MacOS этот пункт меню называется «Показать программный код страницы». Теперь у нас появляется вот такая вставка с кодом:
Чтобы узнать параметры определённого элемента на сайте, мы должны выбрать вот этот инструмент выделения в левом углу страницы.
Теперь мы наводим мышку на нужный нам блок текста и — вуаля! Мы видим его размер. Нам интересна ширина контента, ведь высоту вы можете выбрать уже произвольно.
Теперь вы понимаете, как узнать нужный размер картинки. Не стоит заливать картинки больше требуемого, это будет только перегружать страницу.
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
5 лучших сервисов для сжатия картинки без потери качества
На установке нужного размера ваши действия не заканчиваются. Следующий пункт — сжатие изображения. Для этого существует масса бесплатных онлайн-сервисов. Например:
Сайт, которым пользуюсь лично я, называется Tinypng. Он совершенно бесплатный. Работает просто: загружаете картинки, а сервис ужимает их в среднем на 60-80% без потери качества.
Следующий сервис, который даже популярнее, чем Tinypng, — это Kraken. Тут можно сжимать сразу несколько изображений, загружая ZIP архив или пользуясь импортом из Google диска или с Dropbox.
Compressor.io — ещё один отличный сервис для сжатия изображений. Возможность массовой загрузки файлов тут отсутствует. Изображения уменьшаются в среднем на 60-80% без потери качества.
Сервис Imagecompressor.com отличается возможностью регулирования качества изображения. Происходит это обычным ползунком. На сервис можно за раз закинуть до 20 изображений.
И последний, но не менее важный — Jpeg-optimizer.com. Дизайн может и не самый современный, зато со своими функциями сервис справляется на отлично. Он позволяет точно выставить уровень сжатия. Рекомендую для веб-страниц выставлять значение 80 в пункте «Compress Image».
Помимо сжатия тут можно ещё и сразу изменить размер изображения.
Выберите для себя один сервис и используйте его, прогоняя через него все изображения перед заливкой на сайт. Так вы уменьшите их размер больше, чем вдвое раз! Но и это ещё не всё.
Лучшие плагины для оптимизации изображений в WordPress
Теперь мы с нашей фотографией добрались аж до самой консоли сайта. Пусть она пройдёт ещё один фильтр — оптимизацию. В WordPress существует множество плагинов для выполнения этой функции. Сегодня я расскажу вам про лучшие пять.
EWWW Image Optimizer считается одним из лучших плагинов для оптимизации картинок. Он позволяет сделать разовое сжатие всех файлов (например, когда вы только установили плагин на сайт), а также выбирать картинки, которые оптимизироваться не будут. Это будет полезно, например, для сайтов с тематикой фотографии, когда важно не ухудшать качество снимков. Но в целом оптической разницы вы не заметите, зато сайт будет загружаться быстрее.
WPMU DEV предлагает сразу несколько плагинов для ускорения сайта. И WP Smush — часть этой группы. Он занимается сжатием изображений пачками либо в момент их загрузки на сайт. Есть платная и бесплатная версии, в бесплатной можно обрабатывать не более 50 изображений подряд. Поддерживаемые для оптимизации форматы: JPEG, PNG и GIF.
Вот такой робот Optimus уменьшает размер изображений на 70%. Но у него есть ограничение — 100 kB. Он работает как с исходными изображениями, так и с только загружающимися на сайт.
Бесплатный онлайн-сервис TinyPNG, о котором мы говорили выше, можно установить и в качестве плагина. Он сжимает файлы только форматов JPEG и PNG.
Главное отличие плагина Short Pixel — возможность обработки PDF-файлов и совместимость с WooCommerce. В остальном он выполняет все те же функции, что и предыдущие сервисы.
Установите себе какой-то из этих плагинов для оптимизации изображений, и это уже ускорит работу вашего сайта.
Настройка lazy loading изображений
Есть ещё один способ ускорения сайтов при помощи оптимизации изображений. Это настройка отложенной или ленивой (lazy) загрузки. Такую функцию использует очень много сайтов.
Её работа заключается в том, что изображения грузятся не сразу вместе с открытием страницы, а по мере надобности: например, при скроллинге, при клике или в фоновом режиме.
Когда стоит настраивать отложенную загрузку?
- Если у вас на сайте много изображений.
- Когда картинки — основной контент.
- Когда сайт грузится очень медленно.
- Процент посетителей с мобильных устройств больше 50.
Когда не стоит настраивать отложенную загрузку?
Если с изображений идёт хороший трафик. В остальных же случаях это пойдёт сайту только на пользу.
Как сделать отложенную загрузку изображений?
Для этого используется атрибут loading, он задаёт условия загрузки. Он устанавливается как для фотографий с тегом img, так и для медиа с тегом iframe.
Для отложенной загрузки (когда картинка грузится по мере необходимости) мы ставим параметр lazy:
<img src=»image.png» loading=»lazy» alt=»timeweb» width=»400″ height=»400″>
Вот вы и узнали, как правильно оптимизировать картинки. Теперь они точно не заставят ваш сайт оставаться позади быстрых соперников! Пользуйтесь советами из статьи и ускоряйте свой ресурс. Удачи!
Недавно один из наших читателей спросил нас, какой плагин для сжатия изображений WordPress является лучшим?
HTTP Archive
указывает, что изображения составляют примерно 50% от размера файла типичной веб-страницы, поэтому уменьшение изображений может существенно повлиять на время загрузки.
Это можно легко решить, установив плагин для сжатия изображений, поскольку плагин автоматически оптимизирует изображения по мере их загрузки. Эти плагины не замедлят ваш хостинг WordPress,
потому что они работают с API и сжимают ваши изображения на своих собственных хостах.
В этой статье мы делимся лучшими плагинами для WordPress. А ближе к концу мы предоставим вам несколько рекомендаций для эксклюзивных сценариев. Эти плагины помогут вам закрепить свое присутствие в Интернете на суперконкурентном игровом поле, предоставляя функции и эстетику дизайна.
Мы собрали следующий список плагинов для сжатия изображений, чтобы помочь вам выбрать отличный плагин. Тем не менее, вы также можете использовать эти плагины для Image Optimizer и Image Compressor.
Первый шаг, который вы должны сделать перед установкой или оптимизацией изображений на своем веб-сайте, — это создать резервную копию сайта WordPress. Итак, вот более 7 лучших плагинов WordPress для сжатия изображений на 2022 год:
Плагин EWWW для оптимизации изображений
Плагин для оптимизации изображений WordPress
Изображения, загружаемые на сайт WordPress, имеют наибольший объем. Если вы будете осторожны, изображения будут загружены после загрузки шаблона сайта. Если эти изображения не оптимальны, они могут замедлить загрузку сайта.
Плагин EWWW Image Optimizer поможет вам оптимизировать все изображения, которые вы загрузили на свой сайт, одним щелчком мыши. Это многократно увеличит скорость загрузки вашего сайта.
Этот плагин использует процессы без потерь для уменьшения размера изображений WordPress. Он оптимизирует загруженное изображение с помощью таких инструментов, как JPEGtran, TinyJPG, JPEGmini и PNGout. Это сократит время загрузки ваших изображений.
Плагин Ewww Image Optimizer — это бесплатный и популярный плагин для уменьшения размера изображений в WordPress. С помощью этого плагина вы можете автоматически оптимизировать новые изображения, которые вы загружаете, и уменьшить размер изображения. Вы также можете загружать предыдущие изображения и оптимизировать их.
- Увеличить скорость загрузки сайта
- Улучшайте и оптимизируйте изображения сайта
- Поддерживает все форматы фотографий
- Возможность высокоскоростного резервного копирования
- Очень мало использования ресурсов сервера
Оптимизируйте изображения и конвертируйте WebP
Если вы ищете способ увеличить скорость своего сайта, одним из способов является оптимизация изображений сайта.
Плагин Imagify позволяет оптимизировать и уменьшать размер изображений вашего сайта без потери качества и увеличения скорости вашего сайта WordPress. Плагин Imagify — это самый продвинутый инструмент для оптимизации изображений, и вы можете использовать этот инструмент прямо на своем сайте WordPress.
Одной из замечательных возможностей этого плагина является определение степени сжатия по трем уровням:
— Нормальный — без потери качества
— Средний — небольшая потеря качества и отличное сжатие
— Высокий — максимальное сжатие.
- Увеличьте скорость сайта за счет сжатия изображений WordPress без потери качества
- Сжать все существующие изображения в WordPress и новые изображения
- Сжимайте изображения любых размеров, включая миниатюры и многое другое.
- Сжатие изображений Retina из WP Retina x2
- Совместимость с галереей WooCommerce
- Совместимость с галереей NextGen
- Изменение размера существующих изображений
- Изменение размера новых изображений
- Возможность настраивать параметры плагина Imagify
- Резервное копирование исходных изображений для восстановления исходной версии изображений
- Максимальный предел сжатия 25 МБ или около 250 изображений в месяц для бесплатной версии.
Ленивая загрузка изображений, оптимизация и сжатие изображений
С помощью этого плагина вы можете сжимать изображения, загруженные на ваш WordPress, неоптимизированы, имеют большой объем или могут быть сжаты.
И вам не нужно оптимизировать каждую фотографию вручную или загружать их в онлайн-инструменты и загружать снова. Таким образом, этот плагин также экономит много вашего времени.
Сжатие здесь означает уменьшение размера изображения без ущерба для качества. Делать это вручную утомительно и требует много времени. Опять же, лучший способ — использовать плагины для сжатия фотографий.
WP Smush может автоматически без проблем сжимать все изображения. Он работает с вашими старыми фотографиями, сжимая изображения до нужного размера и настраивая их для сайта.
С помощью этого плагина для оптимизации изображений вы можете легко оптимизировать все изображения на хосте и в каталоге. Определите большие и маленькие изображения и включите отложенную загрузку. Делая это, вы поможете увеличить скорость загрузки ваших страниц и SEO вашего сайта.
💵 Версия Lite бесплатна, версия Pro стоит 60 долларов.
- Уменьшить размер изображения сайта без потери качества
- Оптимизируйте изображения WordPress, уменьшив размер изображения
- Уменьшайте размер изображения сайта в различных форматах
- Уменьшите размер фотографий сайта в папках хоста
- Автоматическая оптимизация сразу после загрузки
- Пакетное сжатие изображений в библиотеке WordPress (до 50 одновременных элементов в бесплатной версии)
- Оптимизируйте изображения WordPress со стандартным веб-размером (сжимайте изображения до 1 МБ в бесплатной версии)
Плагин сжатия WP
Универсальный плагин для оптимизации изображений для WordPress
Еще один отличный плагин для уменьшения размера изображений в WordPress — плагин WP Compress. W P Compress — это плагин оптимизации изображений для WordPress, который уменьшает размер файла с помощью локальной оптимизации изображения и оптимизации изображения в реальном времени.
Кроме того, плагин включает в себя такие функции, как поддержка устройств Retina, отложенная загрузка изображений. W P Compress был создан из CDN для оптимизации изображений WordPress для ускорения работы сайта.
С помощью этого плагина веб-мастера WordPress имеют возможность оптимизировать загруженные изображения и уменьшить их размер.
💵 Существует две версии программы: Pro ($108) и Lite (бесплатно).
- Сжимать изображения при загрузке
- Улучшенные изображения в библиотеке WordPress
- Оптимизация изображений WebP
- Ленивая загрузка изображений
- Поддержка устройств Retina
- Предотвращение чрезмерного сжатия
- Автоматическое изменение размера изображений
- Сжатие одного изображения
- Оптимизируйте множество изображений одним щелчком мыши
- Сохранить EXIF-данные
- Полная статистика оптимизированных файлов
- Скачать отчеты в формате PDF
Оптимизация изображений и отложенная загрузка для WordPress
Если вы ищете плагин для сжатия изображений WordPress с оптимизацией изображений и возможностями отложенной загрузки, мы предлагаем плагин Optimole.
Этот плагин полностью облачный; он не оптимизирует изображения с ЦП сервера сайта, а вместо этого выполняет процессы на выделенном облачном процессоре (в отличие от EWWW).
Это бесплатный плагин WordPress, который делает ваш сайт легче за счет уменьшения размера изображений без изменения внешнего вида (качество внешнего вида изображений останется прежним, а уменьшится только объем).
Этот плагин сжимает и доставляет изображения куда угодно через CDN. Изображения обрабатываются методами оптимизации с потерями и без потерь.
Кроме того, Optimole также имеет функцию автопилота. При установке плагина все делается автоматически. Вы можете следить за статусом через современный и удобный интерфейс этого плагина.
Одним из преимуществ плагина Optimole является то, что вы можете изменить степень падения качества изображения с низкой на высокую. Конечно, если вы используете бесплатную версию, вы должны знать об ограничениях, установленных этим плагином.
- Автоматическая оптимизация изображений
- Оптимизация изображений в зависимости от браузера и типа устройства посетителя
- Поддерживает различные изображения
- Поддержка изображений WebP и Retina
- Возможность предоставления оптимизированных изображений webP, если браузер совместим
- Совместимость с редакторами, включая Mentor
- Включает опцию ленивой загрузки без jQuery
- Возможность просмотра деталей оптимизированных изображений в панели инструментов плагина.
- Возможность исключить определенные изображения из отложенной загрузки или уменьшения объема на основе информации о файле.
- Предоставление оптимизированных изображений до 5000 просмотров в месяц (без ограничений в версии Pro)
Плагин ShortPixel Image Optimizer
Плагин оптимизатора изображений для WordPress
Один из лучших способов ускорить работу WordPress — уменьшить размер изображений и оптимизировать их. « ShortPixel Image Optimizer» — это мощный, простой в использовании, всеобъемлющий, стабильный и регулярно обновляемый плагин для сжатия изображений. Этот плагин может повысить SEO-рейтинг вашего сайта, увеличить количество посетителей и, в конечном итоге, увеличить продажи вашего сайта.
Плагин ShortPixel Image Optimizer помогает нам иметь высокоскоростной сайт за счет уменьшения размера изображений. Этот метод увеличивает скорость загрузки сайта и повышает рейтинг изображений нашего сайта в Google. Этот плагин использует технологию сжатия без потерь для сжатия изображений и уменьшения их размера.
Этот плагин автоматически сжимает все ваши старые изображения и отслеживает сайт, чтобы найти новые изображения. Он потребляет очень мало ресурсов, не снижает нагрузку на сервер и хорошо работает на общих облачных, выделенных и VPS хостах. Вы также можете оптимизировать изображения в медиатеке
или загрузить через FTP.
Вы можете легко сжимать изображения с помощью технологий Lossless и Lossy, а также Glossy JPG (для оптимизации высокого качества для фотографов).
Также всем пользователям бесплатно доступна общая оптимизация изображений и возможность восстановления, если вас не устраивают результаты сжатия.
Кроме того, вы можете быстро протестировать параметры оптимизации и качество изображения одним щелчком мыши. В дополнение к вышесказанному, ShortPixel Image Optimizer предоставляет вам 40-дневный отчет с подробными результатами оптимизации изображения.
Чтобы оптимизировать старые изображения, вы также можете перейти в раздел настроек плагина, выбрать нужные изображения и начать оптимизацию изображений.
💵 Вы можете получить Lite бесплатно, но Premium стоит 48 долларов.
- Оптимизируйте фотографии в библиотеке WordPress одним щелчком мыши
- Низкие требования к ресурсам
- Нет ограничений на размер файла
- Может использоваться для оптимизации фотографий на сайте WordPress на виртуальном хостинге, в облаке и на VPS.
- Оптимизация фотографий в WordPress вне галереи
- Совместимость с плагинами галереи и слайдера
- Галерея оптимизации фотографий Modula WordPress
- Совместимость с сетчаткой
- Оптимизация загруженных фотографий через FTP
- Автоматически преобразовывать формат PNG в JPG, чтобы уменьшить размер изображения в WordPress.
- Оптимизация изображений в форматах JPG, PNG, GIF и WebP (с поддержкой анимации GIF)
- Оптимизируйте изображения в WordPress без потери качества с помощью усовершенствованного алгоритма глянца
- Увеличение скорости сайта в результатах PageSpeed Insights и GT Metrics
Оптимизатор изображений и плагин сжатия для WordPress
Плагин reSmush.it — еще один популярный плагин для уменьшения размера изображения в WordPress. Этот плагин автоматически уменьшит размер изображения в WordPress.
reSmush.it — лучший плагин для сжатия изображений для WordPress. Этот плагин автоматически оптимизирует изображения при загрузке, а также позволяет оптимизировать старые изображения.
Этот плагин также позволит вам уменьшить размер изображений для предыдущего контента. Используя API плагина, вы также можете выбрать желаемый уровень скорости оптимизации. Вы можете указать уровень оптимизации ваших изображений с помощью reSmush API.
Один из минусов этого плагина, который нельзя считать недостатком, это невозможность уменьшить размер изображений объемом более 5 Мб. Я не думаю, что изображения, которые мы используем, имеют размер более 5 мегабайт. Вы можете сначала уменьшить размер и разрешение изображения с помощью компьютерного программного обеспечения. Затем, когда размер уменьшится, используйте этот плагин, чтобы увеличить объем оптимизации.
Этот плагин использует API сервера reSmush и различные алгоритмы сжатия. Этот плагин также создает резервную копию фотографий для сжатия. У вас будет исходная версия изображений, если вам нужно их восстановить. В плагине включены все функции, и единственным ограничением является размер 5 МБ каждого файла изображения.
- Полностью бесплатный и имеет простой пользовательский интерфейс
- Поддержка одиночного, общего сжатия, а также автоматического сжатия при загрузке.
- Возможность выбора степени сжатия в зависимости от необходимости с помощью настроек качества изображения.
- Сохранение статистики и отчетов о сжатии изображений
- Сохраняйте резервные копии во время операций сжатия для восстановления при необходимости
Часто задаваемые вопросы о плагинах для сжатия изображений WordPress
Вот несколько часто задаваемых вопросов о сжатии изображений, которые, надеюсь, помогут вам.
Вы всегда должны писать о своих проблемах в комментариях, если они до сих пор не решены.
Какой плагин оптимизации изображений лучше всего подходит для моего сайта?
В нашем сравнении семи плагинов для оптимизации изображений WordPress в этом посте Imagify выделяется тем, что имеет самую высокую степень сжатия для изображений PNG, даже с настройками по умолчанию.
Сжатие с потерями и без потерь: в чем разница?
Lossy и Lossless — два традиционных метода сжатия изображений. Изображения с потерями приводят к снижению качества, а изображения без потерь — к уменьшению размера.
Ваше изображение может быть восстановлено до его первоначального вида, если вы используете сжатие без потерь. Если вы сжимаете без потерь, вы не теряете качество изображения после оптимизации, но и не получаете меньший размер файла для более быстрой загрузки.
Должен ли я преобразовывать свои изображения в WebP?
Формат изображения WebP гораздо более оптимизирован для Интернета, поэтому вам определенно следует подумать о преобразовании ваших изображений в него. Помимо улучшения качества изображения, WebP имеет оптимизированный алгоритм сжатия, который значительно уменьшает размер файла.
Что заставляет мое изображение быть размытым после сжатия?
Алгоритмы сжатия изображений с потерями могут время от времени удалять слишком много данных изображения, что может привести к размытию или пикселизации изображений.
Быстрым решением будет изменить размер изображения до меньшего разрешения, поскольку меньше данных пытается заполнить разрешение исходного изображения.
В заключение, давайте упомянем несколько вещей
В этом посте обсуждаются лучшие плагины WordPress для сжатия изображений в 2022 году. Вы можете использовать эти плагины наилучшим образом для продвижения вашего сайта.
Мы хотим, чтобы эта статья помогла вам найти лучшие плагины для сжатия изображений WordPress.
Вы также можете проверить эти статьи о лучших темах WordPress для блогов
и лучших темах WordPress для газет.
Сравним лучшие плагины сжатия изображений для CMS WordPress. Выясним, какие у каждого из них преимущества, сколько они стоят и какой выбрать для своего сайта.
Кратко о компрессии и плагинах для сжатия изображений
Компрессия — это процесс уменьшения размера изображения с помощью специализированных алгоритмов (изменения цвета и формата), незначительного ухудшения качества картинки или удаления EXIF-данных.
Их необходимо использовать, потому что медиаконтент может занимать слишком много пространства на сервере, что негативно влияет на ресурс сразу в двух направлениях:
- Сайт тяжелеет и начинает работать медленнее. Например, статья с большим количеством тяжелых картинок может загружаться по 5–10 секунд, что слишком долго даже для самых терпеливых посетителей. Поисковые роботы тоже будут недовольны такой скоростью и подпортят рейтинг сайта.
- На сервере впустую тратится пространство на диске, а оно у хостинг-провайдеров
стоит приличных денег. Придется переплачивать за доступное место на жестком диске или ограничивать себя в количестве публикуемого контента.
7 лучших плагинов WordPress для сжатия картинок
Далее рассмотрим лучшие WordPress-расширения, сжимающие изображения на этапе их загрузки на сервер.
Тестирование компрессоров
Сначала сравним плагины друг с другом в реальной задаче. Посмотрим, насколько хорошо они справляются со своим главным предназначением.
А теперь разберем каждый из них более подробно. Выясним, на что они способны помимо сжатия картинок и в какую сумму обойдутся.
ShortPixel Adaptive Images
Плагин прост в управлении и неплохо справляется с оптимизацией без потери качества изображения, но это не главное его преимущество. В нем есть другие функции, прямо или косвенно влияющие на производительность сайта в позитивном ключе.
Например, использование распредленной сети серверов (CDN)
. Она хранит все загруженные вами изображения и самостоятельно распространяет их по сети. ShortPixel автоматически подгружает картинки для пользователей с сервера, ближе всего расположенного к посетителю страницы. Это заметно повышает производительность ресурса в целом и для каждого клиента индивидуально.
Также тут есть функция автоматического обрезания картинки под разрешения различных устройств. То есть для мобильных устройств ShortPixel будет подгружать со своих серверов более компактные версии изображений.
Чтобы сделать загрузку страниц еще быстрее для конкретных посетителей, разработчики добавили функцию Lazy Loading. Это приоритизация загрузки, вынуждающая страницу быстрее подгружать те картинки, что видны сразу после входа на сайт. На них тратятся ресурсы в первую очередь. Второстепенный контент подгружается позже в фоновом режиме.
Как и большинство таких плагинов, по умолчанию ShortPixel распространяется бесплатно. Но это только если вы оптимизируете не больше сотни картинок в месяц. Увеличение этого значения повысит стоимость до 5 долларов в месяц.
Imagify
Imagify работает в трех режимах: Normal, Aggressive и Ultra. Первый сохраняет качество картинки, второй уменьшает размер, ухудшая качество, а третий делает то же, что и второй, но еще более заметно.
Второй режим включен по умолчанию, поэтому показатели эффективности Imagify такие высокие.
Помимо продвинутых алгоритмов сжатия, в Imagify есть возможность оптимизировать контент в автоматическом режиме, внося в него изменения на этапе загрузки. Например, менять разрешение и другие характеристики картинок.
А еще здесь есть статистика, отображающая, как много пространства удалось сохранить благодаря оптимизации изображений и какие положительные моменты эта процедура привнесла в работу ресурса.
Стоимость плагина варьируется в зависимости от размера оптимизируемых картинок. Если за месяц вы отправляете «худеть» файлов меньше чем на 1 гигабайт, то платить не придется. А вот за большее придется – как минимум 5 долларов в месяц.
Optimole
По заявлению разработчиков, Optimole — лучший облачный компрессор изображений, который выполняет всю работу на быстрых удаленных серверах (CDN), не задействуя производительные мощности сервера пользователя.
Из особенностей стоит выделить автоматическую адаптацию изображений под различные разрешения и размеры экранов и оптимизацию картинок под скорость интернета посетителя (плагин может ухудшать их качество в угоду производительности для конкретного человека).
Optimole дружит с конструкторами сайтов в духе Elementor и Beaver Builder, а также встроенным редактором в WordPress 5. Интерфейс прямолинеен, хорошо задокументирован, построен интуитивно понятно.
Есть и другие приятные мелочи:
- поддержка формата WebP,
- адаптация под разрешение Retina-дисплеев,
- возможность добавлять водяные знаки на изображения,
- встроенный механизм Lazy Loading (без необходимости в jQuery).
Распространяется бесплатно, если на подключаемый сайт заходят не более 5000 человек в месяц (в этой версии не работают удаленные серверы, занимающиеся обработкой изображений). Если посетителей больше 25000, то придется платить от 10 долларов в месяц.
Smush
Наиболее информативный из всех представленных в подборке оптимизаторов. Отображает подробную аналитику (сколько удастся сэкономить места, насколько в процентном соотношении удалось уменьшить базу картинок) по каждой процедуре сжатия еще на этапе загрузки изображений.
Пользователи ценят Smush за проактивность. Сразу после подключения к WP-блогу он предлагает не только оптимизировать вновь загруженные картинки, но и провести переоптимизацию всего контента, что уже имеется на ресурсе.
Есть возможность изменить размер загружаемых изображений и тех, что уже лежат на сервере. Причем плагин умеет сам разыскивать несжатые файлы и работать только с ними, игнорируя все остальные.
Одно из ключевых преимуществ Smush — возможность сжимать неограниченное количество картинок бесплатно. Разработчики установили ограниченный размер для каждого изображения (он не должен превышать 5 мегабайт), но не на их количество. Поэтому можно использовать плагин без ограничений по времени, не заплатив ни копейки. Но есть и Pro-версия с поддержкой формата WebP. Она убирает все ограничения и добавляет режим сжатия с потерей качества. Цена зависит от того, как много сайтов будут использовать одну лицензию Smush. Для одного достаточно учетной записи Hobbyist. Она обойдется в 70 долларов за год. Чтобы установить плагин на 5 сайтов, придется отдать 140 долларов за год.
EWWW Optimizer
EWWW Optimizer не может похвастаться привлекательным интерфейсом, но зато он хорош в плане функциональности.
EWWW поддерживает форматы JPG, PNG, GIF и даже PDF. Выполняет компрессию в полуавтоматическом режиме при загрузке файлов на сайт. Как и у конкурентов, тут есть возможность выбирать между режимом оптимизации с потерями качества и без них.
В плагине нет ограничений по весу и количеству изображений, загружаемых на сайт. Это обусловлено тем, что сжатие выполняется на сервере пользователя. Сторонние серверы не используются.
Но у такого решения есть серьезный минус — обработка загружаемых картинок будет занимать больше времени и может заметно повлиять на производительность сайта. Особенно если нужно оптимизировать сразу много контента.
Плагин распространяется даром. Ограничения в бесплатной версии отсутствуют. Даже техническая поддержка и автоматическое резервное копирование
предлагаются безвозмездно. За деньги продается только API для подключения сторонних серверов.
WP Compress
Плагин сжимает изображения и ускоряет загрузку сайтов, используя 4 методики:
- Он задействует сразу два провайдера (Google Cloud и BunnyCDN) для доставки оптимизированных изображений до клиентов. Благодаря этой комбинации разработчикам удалось достичь минимальной задержки до появления первого изображения на странице (менее 7 миллисекунд ).
- Конвертирует весь контент в формат WebP. Новый стандарт, экономящий пространство на серверах.
- Адаптирует картинки под конкретное устройство (обрезает и меняет разрешение).
- Загружает файлы постепенно. Сначала те, что видны сразу, а потом остальные (Lazy Loading).
Это помогает ускорить ресурсы WordPress с большим количеством изображений как минимум вдвое.
Но это не все возможности плагина. Разработчики решили не останавливаться только на картинках, поэтому научили WP Compress обрабатывать JS-скрипты, CSS-файлы и даже SVG.
Стоимость зависит от объема загружаемых в месяц данных. За 25 Гбайт просят 9 долларов ежемесячно. За 125 Гб — 29 долларов в месяц.
Robin Image Optimizer
Оставил его напоследок, так как считаю его лучшим из предложенных дополнений. О Robin Image Optimizer редко говорят, поэтому вебмастера с ним зачастую незнакомы. Но когда узнают, то редко возвращаются на плагины, которые использовали до.
Robin сжимает картинки в формате PNG и JPG, уменьшая их размер на 80% без заметной потери качества. Разработчики достигли таких внушительных значений за счет изменения цветовой гаммы и удаления EXIF-данных с изображений. Детализация и разрешение остаются прежними. Алгоритм Robin творит чудеса, и невооруженным взглядом заметить ухудшения в картинке не выйдет.
Также с Robin можно:
- менять разрешение картинок прямо в WordPress на этапе загрузки;
- выбирать тип компрессии для каждого изображения;
- стирать все метаданные без возможности их восстановления;
- следить за статистикой оптимизации.
Плагин распространяется бесплатно. Но есть платная версия, добавляющая поддержку формата WebP, компрессию в директорию на выбор и интеграцию с галереей NextGEN. Цена зависит от количества компрессируемых картинок. Например, за 39 долларов в год можно оптимизировать 5000 файлов в месяц.
Какой плагин для сжатия изображений выбрать?
Я рекомендую Robin Image Optimizer. Считаю, что это идеальный баланс характеристик.
- Robin распространяется бесплатно, и отсутствие Pro-версии не накладывает ограничений, мешающих работе сайта.
- Работает в фоновом режиме и поддерживает запланированную компрессию. Участие вебмастера в этом процессе без надобности.
- Показывает лучший результат в оптимизации картинок. Сокращение размера на более чем 70% без потери качества.
Остальные уступают как минимум по одному из этих показателей, а иногда сразу по двум. Так что выбирать конкурентов, когда имеется такое решение, как Robin, нецелесообразно. Разве что вам понравился интерфейс или какая-то отдельная функция другого компрессора.
По сравнению с текстами изображения крупнее по размеру, они дольше загружаются и, как следствие, замедляют работу вашего сайта. Вы можете спросить, зачем вообще загружать изображения, если они замедляют работу вашего сайта?
Что ж, вы наверняка слышали известную поговорку «Картинка стоит тысячи слов». Изображения делают ваш сайт более привлекательным. Но как можно разместить изображения на сайте и не потерять в производительности?
Здесь вам нужно сжимать изображения в WordPress. Есть несколько способов сделать это, и в этой статье мы хотели бы обсудить их один за другим.
Сжимайте изображения в WordPress с помощью плагина Smush Image
Smush
, вероятно, один из самых известных плагинов в сообществе WordPress. В настоящее время у этого плагина более 1 миллиона активных установок, и он может полностью удовлетворить ваши потребности в сжатии изображений. Smush позволяет выполнять отложенную загрузку, изменять размер и даже улучшать скорость вашей страницы в Google.
Smush имеет функцию автоматического сжатия. Когда опция включена, начинается сжатие любого нового изображения, которое вы загружаете в WordPress.
Smush может сжимать изображения в WordPress без потери качества. Кроме того, он имеет возможность массового сжатия до 50 изображений одним простым щелчком. Этот плагин полностью совместим с WordPress Multisite и полностью поддерживает редактор Gutenberg.
Smush полностью совместим с последней версией WordPress и может быть загружен с официального сайта или прямо из панели управления WordPress.
Просто войдите в панель управления WordPress> Плагины> Добавить новый и найдите Smush.
После активации плагина он появится на панели инструментов WordPress. Нажмите здесь.
Плагин сканирует ваш сайт и сообщает вам, сколько изображений вы можете сжать. Затем он дает вам возможность массового сжатия изображений в WordPress.
Как только вы нажмете на массовое сжатие, оно начнет сжимать ваши изображения. Однако в бесплатной версии сжатие ограничено. В бесплатной версии вы можете сжимать изображения только до 5 МБ, в про-версии вы можете сжимать изображения до 32 МБ.
Сжимайте изображения в WordPress с помощью плагина TinyPNG
TinyPNG
– один из самых популярных сайтов по сжатию изображений. В последние годы они выпустили свою версию плагина сжатия изображений. В настоящее время у этого плагина более 200 000 активных установок. Плагин TinyPNG имеет текстовые сообщения до версии WordPress 5.3.1.
Как и плагин Smush, плагин TinyPNG может автоматически оптимизировать новые изображения при загрузке. Кроме того, он поддерживает WordPress Multisite, WooCommerce, WPML (готов к переводу), может сжимать анимированные PNG и, что наиболее важно, не имеет ограничения на размер файла.
Плагин можно загрузить с официального сайта WordPress или прямо из панели управления WordPress. После того, как вы установили и активировали плагин, он появится в разделе «Настройки»> «Сжимать изображения JPEG и PNG».
На вкладке параметров вы можете настроить плагин. Хотя перед этим нужно зарегистрировать аккаунт и добавить свой API-ключ.
Как сжимать изображения в WordPress без плагина
Если вы ненавидите устанавливать на свой сайт плагины для сжатия изображений. Есть веб-сайты, которые позволяют сжимать изображения в Интернете. TinyPNG
– один из самых популярных и старейших бесплатных инструментов сжатия изображений, который вы можете использовать в Интернете. TinyPNG позволяет сжимать изображения PNG или JPG и загружать сжатый файл.
TinyPNG позволяет загружать 20 изображений за раз и до 100 изображений в месяц. Однако размер каждого изображения не должен превышать 5 МБ. Этот веб-сайт поддерживает функцию перетаскивания. Итак, просто перетащите изображения в поле и дождитесь начала процесса. Вы можете загрузить изображения на свой компьютер или даже сохранить их в Dropbox
.
Некоторые другие плагины сжатия изображений
Помимо двух плагинов, которые мы упомянули в начале этой статьи, есть еще несколько, которые вы можете использовать для сжатия изображений в WordPress, и это:
Imagify
– один из полных и мощных плагинов сжатия изображений для WordPress. Этот плагин был разработан WP Media, теми же людьми, которые разработали WP Rocket. Как и их плагин для кеширования, Imagify – простой плагин.
Алгоритм, с помощью которого был создан Imagify, сжимает изображения без потери качества. Imagify имеет 3 режима сжатия. Нормальный, агрессивный и ультра. Imagify имеет возможность резервного копирования, поэтому вы можете восстановить изображения до их исходного состояния и выбрать другой режим сжатия.
Imagify доступен как в бесплатной, так и в премиальной версиях. Бесплатная версия позволяет оптимизировать около 250 изображений каждый месяц. Если вам нужно оптимизировать больше, вам нужно перейти на профессиональную версию.
Как и любой другой плагин в WordPress, Imagify можно загрузить прямо с официального сайта WordPress или с самой панели управления.
WP-Optimize
полный плагин для WordPress. На каждом веб-сайте WordPress должен быть установлен WP-Optimize. Он не только позволяет сжимать изображения в WordPress, но также оптимизирует базу данных и позволяет кэшировать веб-страницы, что снижает скорость загрузки вашего сайта.
WP-Optimize позволяет сжимать изображения PNG, JPG, GIF, BMP и TIF. Каждый из них может иметь размер до 5 МБ. Кроме того, в нем предусмотрены функции массового сжатия, восстановления оригиналов, автоматического сжатия и хранения данных.
Этот плагин доступен как в бесплатной, так и в премиум-версии. Премиум-версия поддерживает Multisite.
Кроме того, это дает вам большую гибкость, ленивую загрузку и многое другое.
Оптимизация изображения с помощью Optimole
Optimole
– еще один плагин для оптимизации изображений для WordPress. Optimole может автоматически оптимизировать все загруженные изображения и даже сканировать ранее загруженные изображения и оптимизировать их. Изображения будут сжаты до 80% без потери качества.
Optimole – это облачный плагин, что означает, что он не будет использовать ваш веб-сервер для сжатия изображений, все делается через их CDN для достижения большей скорости. Этот плагин полностью совместим с последней версией WordPress и поставляется как в бесплатной, так и в премиальной версиях.
Бесплатной версии достаточно для большинства людей. Однако премиум-версия открывает больше возможностей. Кроме того, он дает вам возможность добавлять водяной знак к вашим изображениям в WordPress.
Оптимизатор изображений Робина
С помощью оптимизатора изображений Robin
вы можете сжимать изображения в WordPress. Как и другие плагины сжатия в нашем списке, оптимизатор изображений Robin выполняет свою работу. Робин доступен как в бесплатной, так и в премиальной версии.
Оптимизатор изображений Robin не имеет каких-либо ограничений или ограничений в оптимизации изображений, он использует Cron для автоматической оптимизации и имеет 3 режима сжатия. Этот плагин можно загрузить с официального сайта WordPress или непосредственно с панели инструментов WordPress.
Зачем сжимать изображения в WordPress?
Изображения являются ключевыми элементами любого веб-сайта. Как правило, изображения больше по размеру, чем текст, и они загружаются дольше. Таким образом, изображения имеют прямое отношение к производительности вашего веб-сайта. Чтобы улучшить скорость вашего сайта, вам нужно сжимать изображения в WordPress.
Есть программное обеспечение для редактирования, которое вы можете использовать для сжатия изображений для WordPress. Photoshop – один из лучших инструментов, которые вы можете использовать для сжатия изображений. Однако не всем комфортно редактировать изображения в таких инструментах, и они могут продолжать использовать изображения обычного размера.
Если вы находитесь среди этих людей, не беспокойтесь. Существуют плагины, разработанные специально для сжатия изображений в WordPress. Мы представили два известных выше, а еще несколько ниже.