Imagify image optimizer: Imagify – WebP & Image Compression and Optimization – WordPress plugin

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

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

Согласно HTTP Archive, изображения занимают в среднем 21% от общего размера веб-страницы. Процесс оптимизации изображений является самым простым способом повышения производительности сайта. Но при этом большинство владельцев пренебрегают им.

Среднее количество байт на страницу (кБ)

Преимущества оптимизации графического контента:

• Увеличение скорости загрузки страниц.
• Улучшает SEO-показатели сайта. Большие файлы изображений замедляют работу вашего сайта, а поисковики не любят медленные ресурсы.
• Более быстрое создание резервных копий.
• Требуется меньше места на вашем сервере.

Основная задача оптимизации – это получение баланс между наименьшим размером файла и приемлемым качеством изображения. Одним из распространенных способов является простое сжатие файлов перед их загрузкой в WordPress. Для этого используют Adobe Photoshop или Affinity Photo. А также плагины, которые мы подробно рассмотрим ниже.

Существует сразу несколько форматов файлов, которые можно использовать для сжатия изображений:

• PNG– этот формат позволяет получать изображения высокого качества, но при этом размер файла остается большим.
• JPEG– использует оптимизацию с потерями и без потерь качества. Вы можете регулировать уровень качества, чтобы достичь наиболее подходящего баланса.
• GIF – формат поддерживает всего 256 цветов. Это лучшее решение для анимированных изображений. Он использует только сжатие без потерь.

Есть еще несколько форматов, таких как JPEG XR и WebP. Но не все они поддерживаются браузерами. Поэтому лучше использовать JPEG (или JPG) для полноцветных изображений и PNG для простых картинок.

Ниже приведен пример, демонстрирующий, что происходит с изображением при сильном сжатии. К первому изображению применили низкую степень сжатия. Это обеспечило наилучшее качество, но и больший размер файла. Ко второму изображению применили высокую степень сжатия. В результате получили изображения плохо качества с меньшим размером файла.

Примечание: Объем оригинального изображения составляет 2,06 Мб.

Низкая степень сжатия (высокое качество) JPG – 590 Кб

Высокая степень сжатия (низкое качество) JPG – 68 Кб

Размер первого изображения составляет 590 Кб. Это довольно много для одной фотографии. Второе изображение выглядит ужасно, но при этом весит всего 68 Кб.

Применим к изображению среднюю степень сжатия. В результате мы получили хорошее качество при размере файла в 151 Кб. Это почти в четыре раза меньше размера оригинальной фотографии. Для обеспечения наилучшей производительности сайта изображения в формате PNG не должны весить более 100 Кб.

Средняя степень сжатия (отличное качество) JPG – 151 Кб

Оптимизация с потерями – это «фильтр», который убирает некоторые данные и ухудшает качество изображения. Но при этом размер файла изображения существенно уменьшается. Для этого можно использовать такие программы как Adobe Photoshop, Affinity Photo или любой другой графический редактор.

Оптимизация без потерь качества – сжатие данных без снижения качества изображения. Выполнить сжатие без потери качества можно с помощью Photoshop, FileOptimizer или ImageOptim.

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

Существует множество инструментов и программ для оптимизации изображений. Лично мы – большие поклонники Affinity Photo.

Сжатие фотографии в Affinity Photo

Ниже перечислено несколько инструментов для оптимизации изображений:

• Gimp
• Paint.NET
• GIFsicle
• JPEGtran
• JPEG Mini
• OptiPNG
• pngquant
• FileOptimizer
• ImageOptim
• ImageResize.org

WordPress, начиная с версии 4.4, поддерживает адаптивные изображения (не уменьшенные с помощью CSS). Движок автоматически создает несколько копий изображения разного размера, загружая их в медиа-библиотеку. Используя атрибут srcset, браузеры теперь могут выбирать для загрузки файл наиболее подходящего размера, исходя из характеристик экрана устройства пользователя.

Пример кода отзывчивых изображений srcset

Медиа-библиотека WordPress создает миниатюры на основе ваших установок. Но при этом она сохраняет оригинальные изображения без изменений. Чтобы изменить размер изображений, не сохраняя оригинальные, можно воспользоваться бесплатным плагином Imsanity.

Настройка медиафайлов в WordPress

Imsanity позволяет установить ограничения для загружаемых в CMS картинок. Плагин начинает работать сразу же после загрузки изображения, еще до того как WordPress начнет его обработку.

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

Но не стоит полностью полагаться на плагины. Например, не следует загружать изображения размером более 2 Мб в медиа-библиотеку WordPress. Это приведет к быстрому расходованию дискового пространства, предоставляемого хостингом.

Плагин Imagify для оптимизации изображений

Плагин Imagify создан авторами WP Rocket, с которым большинство из вас знакомы. В нем доступна функция массовой оптимизации. Вы можете выбрать три уровня сжатия: нормальный, агрессивный и ультра. Если недовольны полученным качеством, то воспользовавшись функцией восстановления, можно будет восстановить исходное изображение. С помощью этого плагина также можно удалять оригинальные изображения, уменьшать размер больших файлов.

Изменение размера файлов в Imagify

Плагин ShortPixel

Бесплатный плагин ShortPixel Image Optimizer позволяет сжимать 100 изображений в месяц. Он работает с множеством форматов, включая PNG, JPG, GIF, WebP и даже PDF. Он выполняет сжатие изображений с потерями и без потерь. Плагин конвертирует цветовую модель CMYK в RGB. При оптимизации создается резервная копия оригинальных файлов, что позволяет при желании восстановить их вручную. Данный плагин также поддерживает массовую конвертацию файлов.

Плагин Optimole

Optimole  автоматически уменьшает размер файлов без вашего участия. При этом он выдает идеальный размер картинки для пользователя.

Плагин включает в себя функцию отложенной загрузки и замены изображений при медленном интернет-соединении. Данная функция выгодно выделяет этот плагин из множества других решений. Данный плагин автоматически определяет браузер пользователя и поддерживает формат WebP. Все изображения, которые сжимает плагин Optimole, обслуживаются через быструю CDN- службу.

EWWW Image Optimizer Cloud- облачный плагин для оптимизации изображений

Плагин EWWW Image Optimizer Cloud оптимизирует изображения и повышает скорость работы сайта. Пользователи EWWW IO могут использовать функцию Bulk Optimizer («массовый оптимизатор»), предназначенную для сжатия имеющихся изображений.

Плагин EWWW IO позволяет конвертировать изображения в форматы нового поколения, такие как WebP или подобрать наилучший формат для изображения. Стоимость сжатия начинается от 0,003 доллара за изображение.

Функция ExactDN позволяет выполнять автоматическое сжатие (без необходимости сжатия на сервере), автоматическое изменение размера и обладает всеми  преимуществами CDN.

Плагин Optimus Image Optimizer

Плагин Optimus WordPress Image Optimizer использует сжатие без потерь. Он поддерживает WooCoomerce и мультисайты, а также включает в себя функцию массовой оптимизации. Плагин также совместим с плагином WP Retina. Если вы совместите плагин Optimus Image Optimizer  с плагином Cache Enabler, то сможете работать с изображениями, сохраненными в формате WebP.

Плагин WP Smush

Плагин WP Smush  сканирует изображения и сжимает их по мере их загрузки на сайт. Он также находит и оптимизирует уже сохраненные рисунки. Он позволяет осуществлять массовое сжатие (до 50 файлов за раз). Плагин поддерживает форматы JPEG, GIF и PNG. Размер исходных файлов ограничен 1 Мб.

• Плагин совместим с WP All Import и WPML.
• Оптимизация изображений выполняется с помощью сжатия без потерь.
• У Smush есть функция автоматической установки ширины и высоты для всех изображений.

Плагин TinyPNG

Плагин TinyPNG использует сервисы TinyJPG и TinyPNG для оптимизации изображений в форматах JPG и PNG. Для экономии места плагин конвертирует CMYK в RBG. Он сжимает файлы JPEG до 60%, а файлы PNG до 80% без видимой потери качества изображения. У него нет ограничений на размер обрабатываемого файла.

ImageRecycle- плагин для оптимизации изображений и PDF-файлов

Плагин ImageRecyle – это автоматический оптимизатор изображений и PDF-файлов. Одной из его полезных функций является способность устанавливать минимальный размер файла для сжатия. Например, если у вас есть изображения размером 80 Кб, вы можете автоматически исключить их из процесса сжатия. Данный плагин также включает в себя функцию массовой оптимизации и автоматического изменения размеров изображений.

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

Мы загрузили шесть несжатых файлов JPG на наш тестовый сайт. Размер каждого из них превышал 1 Мб. Общее время загрузки составило 1,55 секунды, а общий размер страницы -14,7 Мб.

Тест скорости передачи данных несжатых файлов JPG

Затем мы сжали файлы JPG с помощью WordPress-плагина Imagify, используя «агрессивные» установки. Взгляните на новые сжатые файлы JPG, которые все еще выглядят прекрасно. После этого мы провели пять тестов, используя Pingdom, и выбрали среднее значение. В результате общее время загрузки сократилось до 476 мс, а размер страницы уменьшился до 2,9 Мб. Общее время загрузки уменьшилось на 54,88%, а размер страницы — на 80,27%.

Тест на скорость передачи данных сжатых файлов JPG

Не существует никакой другой оптимизации сайта, которая позволила бы сократить время загрузки более чем на 50%. Поэтому оптимизация изображений является такой важной. Процесс, показанный выше, был полностью автоматизирован плагином.

Есть еще одна рекомендация – использовать формат SVG. Это масштабируемый векторный формат, который отлично подходит для логотипов, иконок, текста и простых изображений. Преимущества данного формата:

• Файлы SVG автоматически масштабируются во всех браузерах и графических редакторах.
• Google индексирует файлы SVG так же, как и PNG и JPG, поэтому вам не нужно беспокоиться о SEO.
• SVG-файлы отличаются меньшим размером по сравнению PNG или JPG. Это положительно сказывается на скорости загрузки.

Файл JPG (оптимизированный размер: 81,4 Кб)

Изображение JPG

Файл PNG (оптимизированный размер: 85,1 Кб)

Изображение PNG

Файл SVG (оптимизированный размер: 6.1 Кб)

Изображение SVG

Как показано выше, SVG- файл уменьшается в размере на 92,51% по сравнению с файлом в формате JPG. А при сравнении с файлом в формате PNG – на 92,83%.

• Используйте WordPress-плагины, которые сжимают и оптимизируют изображения на внешних серверах. Это снижает нагрузку на ваш собственный сайт.
• Используйте векторные изображения, где это только возможно.
• Используйте CDN для быстрого предоставления изображений посетителям со всего мира.
• Используйте эффекты CSS3 как можно чаще.
• Сохраняйте изображения в подходящем разрешении. При этом помните, что WordPress поддерживает адаптивные изображения для их предоставления без изменения размера с помощью CSS.
• Используйте веб-шрифты вместо текста внутри изображений – они выглядят лучше при масштабировании и занимают меньше места.
• Уменьшайте глубину цвета для использования меньшей цветовой палитры.
• Используйте сжатие с потерей качества, где только возможно.
• Экспериментируйте для поиска наилучших установок для каждого формата.
• Используйте GIF, если вам нужна анимация.
• Используйте формат PNG, если вам требуется высокая детализация и разрешение.
• Используйте формат JPG для фотографий общего вида и скриншотов.
• Автоматизируйте процесс оптимизации изображений.
• Используйте формат WebP в Google Chrome для отображения изображений меньшего размера.

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

Данная публикация представляет собой перевод статьи «How to Optimize Images for Web and Performance» , подготовленной дружной командой проекта Интернет-технологии.ру

Robin image optimizer — save money on image compression — Плагин для WordPress

Need professional support?

Get starting FREE support
Get starting PREMIUM support

Make your website faster by reducing the weight of images. Our WordPress image optimizer plugin can cease image weights on 80% without any loss of quality.

Robin image optimizer is a smart and advanced image optimizer that really stands out among other WordPress plugins. Robin image optimizer is a WordPress free image optimizer plugin with zero limitations in terms of number of images and optimization quality. The only thing that you may stumble across is the image weight, which shouldn’t exceed 5 MB.

What’s the purpose of image optimization?

The lighter the weight of the image – the faster your page loads. With the constant growth of mobile users, increases the necessity in mobile websites optimization. If you don’t want to get many rejections and lose money due to the poor ad performances, we’d recommend you to start with image optimization.

Why should we use Robin image optimizer for image optimization?

• The first and the most significant difference from the counterparts: our plugin is absolutely free and has the same features as paid products.

• This WordPress image optimizer doesn’t have any limits or restrictions in image optimization.

• Automatic optimization using Cron. You don’t need to wait til optimization is completed; the plugin will be optimizing couple of images every several minutes in the background.

• Manual mass-optimization. Press the button and wait til your images are optimized

• Image backup. Before optimization starts, all images are being stored in original quality. Then, when optimization is over, you can restore lost images or re-optimize them in another quality.

• You can choose compression mode (normal, regular, high). Compression mode influences image weight and quality. The higher the compression, the worse is the quality and the smaller is the weight.

• Image optimization on boot.

• Reducing pre-optimization image weight by changing image size.

• Detailed statistics on optimized images

RECOMMENDED SEPARATE MODULES

We invite you to check out a few other related free plugins that our team has also produced that you may find especially useful:

Thanks the authors of plugins

We used some useful functions from plugins Imagify Image Optimizer, Smush Image Compression and Optimization, EWWW Image Optimizer, reSmush.it Image Optimizer, ShortPixel Image Optimizer.

Translations

If you want to help with the translation, please contact me through this site or through the contacts inside the plugin.

• The simple interface
• Optimization log
• Settings page
• Media library

1. Upload robin-image-optimizer to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. All your new pictures will be automatically optimized !

Why is this plugin free and how long it will be this way?

Our WordPress plugin to optimize images uses API of this free service: https://resmush.it, So as long as these guys allow free image optimization, our plugin will remain free. Still, we have several ideas of how to make optimization free and planning to implement them in our plugin.

Are there any limits for image optimization?

There are no limits for image optimization in our plugin. The only thing we have is a kind of a restriction of image weight – it should be greater than 5 MB. But our plugin can reduce pre-optimization image weight, so you’ll be able to optimize almost all images you have.

What image formats do you support?

Robin image optimizer can optimize jpg, png and gif (both animated or not).

Do you remove EXIF images data?

EXIF-data is removed by default. However, you can keep it by disabling the feature.

Do you remove source images?

No. Robin image optimizer replaces images with their optimized analogues. The backup option stores source images and allows restoring them in one click.

Can I re-optimize images in another mode?

Yes. By enabling the backup feature in the plugin, you can re-optimize any image using another compression mode.

Does plugin support WebP format?

Yes, use modern image formats, such as WebP. Robin image optimizer PRO automatically creates WebP copies of your original images.

Browsers with the WebP format support will display WebP images. Other browsers will replace such images with JPG, PNP, GIF, BMP, etc.
Learn more about PRO version

Plugin has integration with Nextgen gallery?

Robin image optimizer PRO has full integration with NextGen Gallery, which helps to use all the plugin features.
Learn more about PRO version

«Robin image optimizer — save money on image compression» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

1.4.3

• Fixed: Unable to change the server if it is unavailable after selection.
• Added: Added filter wbcr/rio/backup/backup_dir for changing the backup directory.
• Added: Restriction of free servers (at the request of administrators of free servers)
• Changed PRO feature: WebP conversion is not possible without using a premium server
• Added: Ability to optimize files of selected formats (JPEG, PNG, GIF)
• Added: Ability to choose the order of image optimization: starting with new images or starting with old ones

1.4.2 (21.01.2020)

• Fixed: Сompatible with Clearfy 1.6.3.
• Fixed: PHP error «Class ‘Wbcr_FactoryClearfy_Compatibility’ not found».
• Fixed: Minor bugs.
• Removed: Server 4 beta.
• Added: Premium server.

1.4.1 (24.12.2019)

• Fixed: Some bugs
• Added: Сompatible with WordPress 5.3

1.4.0

• Fixed: Php warning (Declaration of WRIO_Image_Statistic_Folders)

1.3.91

• Fixed: Plugin pages loaded for a very long time.
• Fixed: Bugs with error logging.
• Fixed: Error warnings have become more understandable.
• Fixed: Мigration bugs with cache plugins.
• Fixed: Bulk optimization stopped if an error occurred during image optimization.

1.3.7

1.3.6

• Fixed: PHP Error: Illegal mix of collations.
• Fixed: Error 500 when trying to migrate.
• Fixed: Context class not found error.
• Fixed: PHP Fatal error: Class ‘WRIO_StatisticPage’ not found.
• Fixed: Auto optimization on upload. Error in Gutenberg.
• Fixed: Bug when restoring backup. Also increase the recovery quota for backup.
• Added: Compatibility with WordPress 5.2.x
• Updated: Improved error logging.

1.3.5

Fixed: On sites with php version 5.6 and below there was a syntax error.
Fixed: Broken links to support service.
Fixed: If site had a lot of images 15,000 and higher, bulk optimization page was loaded slow.

1.3.4

• Added: Compatibility with WordPress 5.1.x
• Added: Required php version 5.4
• Added: Last optimization log. You can view latest optimized images, as well as monitor errors when optimizing images.
• Added: New server optimization (Server 4). The server is free, at the moment it is in beta mode.
• Added: Custom quality values. You can set your own image optimization quality settings.
• Added: Resize images in height and width. Previously, plugin automatically resized largest image side.
• Added: Select the optimization mode. Before you start optimizing, you will see a modal window, which will offer you 2 modes of optimization (scheduled and manual).
• Added: Improved error debug. Now you can learn more about all the errors in optimizing images using the powerful debug log.
• Added: Server rating. Now you can easily choose a server to optimize images based on its rating.
• Added PRO feature: WebP Conversion. Use modern image formats, such as WebP. Robin image optimizer PRO automatically creates WebP copies of your original images. Browsers with the WebP format support will display WebP images. Other browsers will replace such images with JPG, PNP, GIF, BMP, etc.
• Added PRO feature: NextGEN Gallery Integrations. Do you use a popular plugin to create galleries? Robin image optimizer PRO has full integration with NextGen Gallery, which helps to use all the plugin features.
• Added PRO feature: Compress any Image in any Directory. Optimize images of themes and plugins! Robin image optimizer PRO can optimize images in any directory. If the themes & plugins developers don’t optimize their products Robin will fix it!

1.1.4

• Fixed: Added compatibility with ithemes sync

1.1.3

• Fixed: Compatibility with W3 total cache
• Fixed: Compatibility with External Media without Import

1.1.2

• Fixed: Some bugs
• Fixed: Removed limit on image resizing
• Fixed: Update core framework
• Added: New free server
• Added: Servers status, you can select available servers to optimize images
• Added: Added compatibility with the plugin Clearfy
• Preparing plugin for multisite support

1.0.8

• Added: Ability to re-optimize images with errors.
• Fixed: Some bugs
• Added: An alternative server for image optimization. Now you can select an alternative optimization server if the current server is unavailable.
• Fixed: Problems with translations

= 1.0.7
* Fixed: Images are saved in a size 0 bytes
* Fixed: Trying to backup file with empty filename
* Fixed: Curl replacement for file_get_contents
* Fixed: Statistics

1.0.6

• Fixed: fixed bar progress styles
• Fixed: changed the link to the reviews page

1.0.5

• Fixed: corrected image size calculations for individual optimization

1.0.4

• Fixed: update core framework

1.0.3

1.0.0

Imagify Image Optimizer Особенности | Image Compressor

Проверьте наш бесплатный онлайн оптимизатор изображения

Imagify предлагает бесплатный оптимизатор изображения. Зачем? Ну, потому что мы заметили, что многие люди не понимают, что изображения часто снижают производительность веб-сайта. Вы когда-нибудь чувствовали, что ваш сайт загружается слишком долго? Ну, это может быть из-за ваших изображений. Вы можете быстро проверить, так ли это, сжимая изображения на некоторых веб-страницах за несколько секунд.

Что такое сжатие изображений?

Изображения — самая тяжелая часть веб-страницы.Сеть становится все тяжелее и тяжелее. Одним из способов решения этой проблемы является сжатие изображений. Проще говоря, сжатие изображений уменьшает размер в килобайтах графических файлов. Это сокращение позволяет загружать изображения намного быстрее и увеличивает время загрузки.

Как использовать наш онлайн-оптимизатор изображений?

Наш оптимизатор изображений является одним из лучших инструментов сжатия изображений, которые вы можете найти в Интернете. Для тех, кто использует WordPress и ищет решение для сжатия изображений на своем веб-сайте, мы настоятельно рекомендуем вам попробовать наш бесплатный плагин для сжатия изображений! Это позволит оптимизировать изображения прямо в вашей CMS.Без суеты, без суеты, просто отличная производительность во время загрузки. Есть 2 вещи, которые отличают наш бесплатный плагин: вы можете оптимизировать изображения на лету, и если вы не удовлетворены результатом, вы можете вернуться к исходным изображениям.

Если вы ищете онлайн-компрессор изображений, тогда идите прямо к нашему оптимизатору. Это делает работу.

Уменьшите размер изображения без потери качества

Наш оптимизатор изображений в кратчайшие сроки позаботится о сжатии изображений без потерь. Мы предлагаем программное обеспечение для сжатия изображений … но бесплатно … и онлайн.Imagify дает вам контроль над качеством ваших изображений. Вы можете выбрать между 3 типами режимов оптимизации: нормальный, агрессивный и ультра агрессивный. Это как расширенный компрессор изображений прямо в окне браузера или на панели инструментов WordPress.

Оптимизация изображений по странице или по изображениям

Инструмент оптимизации Imagify позволяет уменьшить количество изображений по частям или по странице. По умолчанию выбран параметр «Оптимизация изображения». Вы можете перетаскивать изображения прямо в инструмент.Вы можете выбрать свой уровень сжатия и начать!

Как насчет результатов?

Хотите знать, как это работает? Ну, с Imagify, вы можете знать сразу, потому что мы предоставляем вам данные о том, насколько вы смогли уменьшить размер файла изображения. Наш онлайн-компрессор изображений и фотографий сообщит вам, какой процент вы смогли сжать. Если ваши изображения уже безупречны, они также дадут вам знать, потому что нет смысла рисковать пиксельным изображением!

Получение изображений

Imagify требует, чтобы люди создали учетную запись для загрузки оптимизированных изображений.Для этого есть очень веская причина: мы хотим убедиться, что вы действительно являетесь владельцем страницы или изображений, которые вы пытаетесь оптимизировать. Хотя мы не всегда можем быть уверены на 100%, мы делаем все возможное, чтобы убедиться в этом. Оптимизированные изображения доступны для скачивания в течение 24 часов. После этого они истекают, и вам нужно начать процесс снова. Наши бесплатные аккаунты имеют ограничение на размер файла в 2 МБ. Кроме того, вам нужно проявить творческий подход или приобрести один из наших планов оптимизации.

Какие типы изображений могут быть сжаты?

Вы можете уменьшить JPEG-файлы, GIF-файлы и PNG-файлы с помощью оптимизатора Imagify.Конечно, некоторые форматы изображений легче сжать, чем другие. Например, JPEG является отличным кандидатом на сжатие изображения (сжатие с потерями или без потерь может быть достигнуто довольно легко). Если вам интересно, как сжать фото JPEG, не удивляйтесь! Это можно сделать всего за несколько кликов с помощью бесплатного фотокомпрессора. Не нужно выходить на улицу и покупать Photoshop или любое другое программное обеспечение, которое уменьшает размер ваших изображений.

О Мириам Джессиер

Мириам работает в области цифрового маркетинга.Она топает по своему офису в динозавре. Ее коллеги терпят это, потому что, ну, кто-то должен это сделать.

Imagify, лучший плагин WordPress для сжатия ваших изображений Последнее обновление 5 декабря 2019 Поделиться постом

• Поделиться через фейсбук
• Поделиться в Twitter

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

Репозиторий WordPress.org содержит множество различных плагинов для оптимизации изображений, и может быть сложно выбрать лучший для ваших нужд.

В этой статье мы поговорим о одном из самых последних и полных плагинов для оптимизации изображений для WordPress , Imagify, и о том, почему вы должны его выбрать.

Imagify — плагин от WP Media, той же компании, что и WP Rocket.
Если вы уже знаете наш плагин для кэширования, вы не удивитесь тому, как мы задумали Imagify: он разработан с теми же ценностями простоты и удобства использования, которые клиенты WP Rocket уже любят.

Итак, давайте узнаем больше о Imagify и его функциях!

Почему вы должны использовать плагин для оптимизации изображений?

Если вы ищете «Оптимизатор изображений онлайн», Google вернет около 15 миллионов результатов. Есть из чего выбирать, и есть много отличных инструментов онлайн-оптимизации.

Но если вы работаете с WordPress, вы обнаружите, что установка плагина, обеспечивающего сжатие изображений, является более эффективным выбором.

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

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

Еще один аспект, который необходимо учитывать, это стоимость использования онлайн-инструмента : большинство из них бесплатны, но иногда лучшие функции доступны только для премиум-пользователей. Или, если инструмент свободен на 100%, возможности оптимизации минимальны.

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

Как настроить плагин Imagify?

Конфигурация

Imagify довольно проста. Вы увидите три области конфигурации: одну для общих настроек, одну для оптимизации изображения и последнюю для параметров отображения в меню панели инструментов.

Как установить и активировать плагин

Первое, что вы должны сделать, это найти плагин Imagify в репозитории WordPress:

Установите и активируйте плагин, и в верхней части страницы вы увидите уведомление с просьбой создать аккаунт:

Нажмите кнопку Зарегистрироваться и добавьте свое электронное письмо, чтобы получить ключ API в своем почтовом ящике: добавьте его в поле Ключ API, и вы будете готовы приступить к настройке Imagify!

Общие настройки

Первая область страницы настроек посвящена уровню оптимизации , который вы хотите применить к своим изображениям.Imagify предоставляет три уровня: Нормальный , Агрессивный и Ультра .

Если вам нужна помощь в выборе, вы можете попробовать визуальное сравнение и увидеть разницу.
Чтобы дать вам представление о различных уровнях:

• Обычный : его следует использовать, когда вы хотите оптимизировать изображения без видимых изменений: он обеспечивает оптимизацию без потерь;
• Агрессивный : если вам требуется резкое уменьшение размера изображения с почти незаметной потерей качества, вам следует применить этот уровень;
• Ultra : этот режим использует максимальный уровень оптимизации, так что вы получите огромную экономию по размеру и небольшую потерю качества.

Также можно выбрать автоматическую оптимизацию изображений при загрузке, забыть обо всех ручных задачах и создать резервную копию исходных изображений в отдельной папке.

Imagify автоматически удалит данные EXIF ​​ из ваших фотографий при загрузке, но вы можете выбрать другое поведение и сохранить информацию EXIF, установив соответствующую опцию.

Оптимизация

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

В области Оптимизация файлов можно выбрать различные размеры изображений для оптимизации.

Вообще говоря, каждый раз, когда вы загружаете изображение в WordPress, версия того же файла с измененным размером будет создаваться для каждого нестандартного размера изображения, ожидаемого вашей темой (или родительской темой, если вы используете дочернюю тему): Imagify дает вам возможность автоматически оптимизировать эти размеры изображения одновременно.

Вы также можете добавить свою тему в процесс оптимизации.

Параметры отображения

В третьей области вы можете выбрать отображение Imagify на панели инструментов через удобное меню быстрого доступа:

Где хранятся оптимизированные изображения?

Когда вы оптимизируете ваши изображения, плагин Imagify временно сохраняет их на наших серверах.

После завершения оптимизации Imagify автоматически заменяет их на вашем сервере (без изменения имени их изображения). Вы найдете их в папке wp-content / uploads .

С помощью опции «Резервное копирование исходных изображений» (которая активируется по умолчанию) вы можете сохранить исходные изображения в отдельной папке до процесса оптимизации. Образы резервных копий хранятся на вашем сервере в папке wp-content / uploads / backup .

Что такое массовая оптимизация и как ее использовать

Массовый оптимизатор Imagify — это отличный инструмент для оптимизации ваших изображений одновременно. Это особенно полезно, если вы никогда ранее не работали с изображениями и хотите запустить эффективную оптимизацию через несколько секунд (время будет зависеть от количества изображений, имеющихся в вашем Media ).

Доступ к странице «Массовая оптимизация» можно получить из меню Media : вы сразу увидите, сколько изображений уже оптимизировано, сколько из них еще нужно поработать, а также возможные ошибки:

Вы также можете повторно оптимизировать свои мультимедийные файлы со страницы библиотеки мультимедиа:

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

работает лучше всего, когда для оптимизации требуется менее 10K изображений; если у вас есть больше, может потребоваться повторно запустить процесс для завершения оптимизации.

В целом, чем больше изображений для оптимизации, тем медленнее будет процесс: наберитесь терпения и не закрывайте окно во время оптимизации!

Сколько стоит воображение?

Imagify — бесплатный плагин: это означает, что вы можете скачать его бесплатно из репозитория WordPress, а бесплатно оптимизировать 25 МБ изображений (около 250 изображений) каждый месяц .

Если вам нужно больше энергии, вы можете купить один из его планов.
Вы можете выбрать между Ежемесячные и Одноразовые планы .

В месячном плане вы можете оптимизировать фиксированную сумму в ГБ в месяц. План Lite (1 ГБ изображений / месяц) начинается с $ 4,99 в месяц , в то время как план Enterprise (50 ГБ изображений / месяц) стоит 69,99 $ в месяц . В середине у вас есть несколько других вариантов: вы можете выбрать тот, который лучше соответствует вашим потребностям оптимизации. Если вы платите ежегодно, а не ежемесячно, вы даже можете получить лучшую цену!

С другой стороны, план One Time является лучшим выбором, если у вас уже есть много существующих изображений, которые необходимо оптимизировать.Например, вы можете использовать его для массовой оптимизации всех изображений в вашей медиатеке.
Вы заплатите только один раз: $ 9,99 за 1 ГБ изображений, $ 19,99 за пакет 3 ГБ или $ 49,99 за 10 ГБ .

Для получения более подробной информации о планах, посетите страницу с ценами Imagify.

Все, что нужно знать об оптимизации изображений в WordPress

В этой статье вы узнали:

• Как использовать Imagify, плагин WordPress для оптимизации изображений
• Как настроить плагин в зависимости от ваших потребностей
• Как использовать Bulk Optimizer

Теперь, когда вы знаете, как использовать Imagify для сжатия ваших изображений в WordPress, пришло время изучить теорию и практику оптимизации изображений:

Об Алисе Орру

Алиса — автор контента с большим опытом работы с международными клиентами и эмпатическим общением.Она является активным членом сообщества WordPress: ей нравится переводить WordPress на итальянский язык и выступать на WordCamps. Вы можете следить за @Alice_Ridice в Twitter.

,

wp-media / imagify-plugin: ускорьте ваш сайт с более светлыми изображениями без потери качества. перейти к содержанию Зарегистрироваться

• Почему GitHub? Особенности →
  • Обзор кода
  • Управление проектами
  • Интеграция
  • Действия
  • Пакеты
  • Безопасность
  • Управление командой
  • Хостинг
  • Отзывы клиентов →
  • Безопасность →
• команда
• предприятие
• Проводить исследования
  • Исследуйте GitHub →

  учиться и внести свой вклад

  • Темы
  • Коллекции
  • Тенденции
  • Learning Lab
  • Руководства с открытым исходным кодом

  Общайтесь с другими

  • События

.