7 плагінів для створення зображень у WordPress - WP Magazine

Про WordPress українською мовою

7 плагінів для стиснення зображень у WordPress

Стиснення зображень дозволяє заощадити дисковий простір, трафік та прискорити ваш сайт для відвідувачів. Нижче наведено список деяких корисних плагінів для стиснення зображень у WordPress.

Усі згадані плагіни знаходяться в офіційній директорії WordPress.org, та поширюються безкоштовно під ліцензією GPL. Незважаючи на це, деякі з них використовують зовнішні платні сервіси для стиснення зображень або платні версії плагіна з додатковим функціоналом, які можуть поширюватися під іншими ліцензіями.

1. WP Smush

" data-medium-file="https://wpmag.ru/wp-content/uploads/sites/13/2016/07/wp-smush-wordpress-image-compression-300x124.png" data-large-file= "https://wpmag.ru/wp-content/uploads/sites/13/2016/07/wp-smush-wordpress-image-compression-1024x422.png" src="https://wpmag-22.cdn. pjtsu.com/wp-content/uploads/sites/13/2016/07/wp-smush-wordpress-image-compression.png?w=780" alt="Стиск зображень за допомогою WP Smush" width="766" height ="315" class="size-full wp-image-34874" srcset="https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/wp-smush -wordpress-image-compression.png?resize=1280x528 1280w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/wp-smush-wordpress-image- compression.png?resize=640x264 640w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/wp-smush-wordpress-image-compression.png?resize =430x177 430w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/wp-smush-wordpress-image-compression.png?resize=320x132 320w, https ://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/wp-smush-wordpress-image-compression.png?resize=260x107260w" sizes="(max-width: 1280px) 100vw, 1280px" />

Стиснення зображень за допомогою WP Smush

Плагін WP Smush розроблений компанією WPMU DEV, та використовує зовнішній сервіс для стиснення зображень. Відразу після активації плагін пропонує стиснути всі існуючі файли в медіатеці, а також автоматично стискати нові завантажені зображення. На момент написання цього плагіна понад 400 тисяч активних установок.

Врахуйте, що в безкоштовній версії плагіна є деякі обмеження, наприклад, максимальний розмір файлів для стиснення всього 1 мегабайт, стиснення декількох зображень тільки по 50 штук за раз. Платну версію можна придбати за підпискою WPMU DEV вартістю $49 на місяць.

2. EWWW Image Optimizer

" data-medium-file="https://wpmag.ru/wp-content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress-300x143.png" data-large-file="https ://wpmag.ru/wp-content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress-1024x489.png" src="https://wpmag-22.cdn.pjtsu.com/ wp-content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress.png?w=780" alt="Налаштування плагіна EWWW Image Optimizer" width="766" height="365" class=" size-full wp-image-34877" srcset="https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress.png? resize=1045x499 1045w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress.png?resize=520x248 520w, https: //wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress.png?resize=350x167 350w, https://wpmag-22.cdn .pjtsu.com/wp-content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress.png?resize=260x124 260w, https://wpmag-22.cdn.pjtsu.com/wp- content/uploads/sites/13/2016/07/ewww-image-optimizer-wordpress.png?resize=210x100 210w" sizes="(max-width: 1045px) 100vw, 1045px" />

Налаштування плагіна EWWW Image Optimizer

EWWW Image Optimizer використовує optipng, pngquant, jpegtran та інші безкоштовні утиліти для ефективного стиснення зображень у WordPress. Ці утиліти включені в дистрибутив плагіна у вигляді файлів, що виконуються, і запускаються плагіном через функцію PHP exec() , яка у багатьох хостинг-провайдерів відключена з метою безпеки.

Є також платна версія EWWW Image Optimizer Cloud, яка так само, як і WP Smush, використовує зовнішній сервіс для стиснення та оптимізації, що більш сумісне з хостинг-майданчиками і не створює додаткового навантаження на ваш сервер. Вартість стиску – 0.5 центів за зображення за перші 1000 штук.

3. TinyPNG/TinyJPG

" data-medium-file="https://wpmag.ru/wp-content/uploads/sites/13/2016/07/tinypng-for-wordpress-300x132.png" data-large-file="https:/ /wpmag.ru/wp-content/uploads/sites/13/2016/07/tinypng-for-wordpress-1024x449.png" src="https://wpmag-22.cdn.pjtsu.com/wp-content/ uploads/sites/13/2016/07/tinypng-for-wordpress.png?w=780" alt="Сервіс TinyPNG" width="766" height="336" class="size-full wp-image-34879" srcset="https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/tinypng-for-wordpress.png?resize=1126x494 1126w, https://wpmag- 22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/tinypng-for-wordpress.png?resize=560x245 560w, https://wpmag-22.cdn.pjtsu.com/wp -content/uploads/sites/13/2016/07/tinypng-for-wordpress.png?resize=380x166 380w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/ 2016/07/tinypng-for-wordpress.png?resize=280x122 280w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/tinypng-for-wordpress .png?resize=230x100 230w" sizes="(max-width: 1126px) 100vw, 1126px" />

Спочатку TinyPNG з'явився як онлайн сервіс та API для розробників, що дозволяє стискати зображення PNG. Потім розробники TinyPNG створили версію для JPEG зображень, і плагіни для WordPress і Magento дозволяють автоматично стискати всі завантажені зображення за допомогою їхнього онлайн сервісу.

Для роботи плагіна достатньо отримати API ключ із сайту TinyPNG. Він дозволяє стискати до 500 зображень на місяць безкоштовно, що, як правило, з урахуванням усіх мініатюр, вистачає на 100 медіафайлів у WordPress. Платний доступ до API починається від $0.009 за зображення.

4. Resize Image After Upload

" data-medium-file="https://wpmag.ru/wp-content/uploads/sites/13/2016/07/resize-after-upload-wp-300x118.png" data-large-file="https ://wpmag.ru/wp-content/uploads/sites/13/2016/07/resize-after-upload-wp-1024x402.png" src="https://wpmag-22.cdn.pjtsu.com/ wp-content/uploads/sites/13/2016/07/resize-after-upload-wp.png?w=780" alt="Конфігурація плагіна Resize Image After Upload" width="766" height="300" class= "size-full wp-image-34878" srcset="https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/resize-after-upload-wp.png ?resize=1185x465 1185w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/resize-after-upload-wp.png?resize=590x231 590w ://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/resize-after-upload-wp.png?resize=400x156 400w, https://wpmag-22. cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/resize-after-upload-wp.png?resize=300x117 300w, https://wpmag-22.cdn.pjtsu.com/wp -content/uploads/sites/13/2016/07/resize-after-upload-wp.png?resize=240x94 240w" sizes="(max-width: 1185px) 100vw, 1185px" />

Конфігурація плагіна Resize Image After Upload

Плагін ResizeImage After Upload автоматично зменшує розмір завантажених зображень у WordPress і зберігає замість оригіналів. Це дозволяє суттєво заощадити дисковий простір тим, хто часто використовує файли з цифрових фотоапаратів, розміри яких досягають 20 Мб і більше.

Не забудьте збільшити максимальний розмір файлів, якщо потрібно завантажувати великі зображення в медіатеку WordPress.

5. ShortPixel Image Optimizer

" data-medium-file="https://wpmag.ru/wp-content/uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization-300x107.png" data-large-file="https ://wpmag.ru/wp-content/uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization-1024x364.png" src="https://wpmag-22.cdn.pjtsu.com/ wp-content/uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization.png?w=780" alt="Стиск зображень з ShortPixel" width="766" height="272" class="size -full wp-image-34880" srcset="https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization.png?resize =1270x452 1270w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization.png?resize=640x227 640w, https:/ /wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization.png?resize=420x149 420w, https://wpmag-22.cdn. pjtsu.com/wp-content/uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization.png?resize=320x113 320w, https://wpmag-22.cdn.pjtsu.com/wp-content /uploads/sites/13/2016/07/shortpixel-wordpress-image-optimization.png?resize=250x88 250w" sizes="(max-width: 1270px) 100vw, 1270px" />

Стиснення зображень з ShortPixel

ShortPixel Image Optimizer є плагіном та сервісом для стиснення зображень у WordPress. Безкоштовний план включаєстиснення до 100 зображень на місяць, і не відрізняється якістю стиснення від платних версій, які починаються від $5 за 5000 файлів на місяць. Плагін також дозволяє відновити оригінали у будь-який час.

6. Kraken Image Optimizer

" data-medium-file="https://wpmag.ru/wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer-300x142.png" data-large-file="https ://wpmag.ru/wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer-1024x486.png" src="https://wpmag-22.cdn.pjtsu.com/ wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer.png?w=780" alt="Результати стиснення за допомогою Kraken.io" width="766" height="363" class ="size-full wp-image-34885" srcset="https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer. png?resize=1600x758 1600w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer.png?resize=800x379 800w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer.png?resize=530x251 530w, https://wpmag-22 .cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer.png?resize=400x189 400w, https://wpmag-22.cdn.pjtsu.com/ wp-content/uploads/sites/13/2016/07/kraken-io-image-optimizer.png?resize=320x151 320w" sizes="(max-width: 2358px) 100vw, 2358px" />

Результати стиснення за допомогою Kraken.io

Сервіс Kraken.io відрізняється високою швидкістю та дуже гарною якістю стиснення зображень, як із втратою якості (lossy), так і без (lossless). Їх плагін інтегрує сервіс з медіатекою WordPress, дозволяє легко стискати нові, і вже існуючі зображення.

Безкоштовна версія цього плагіна/сервісу дозволяє лише його протестувати в рамках квоти в 100 мегабайт. Платні передплати починаються від $5 за 500мегабайт в місяць.

" data-medium-file="https://wpmag.ru/wp-content/uploads/sites/13/2016/07/imagify-image-compression-300x93.png" data-large-file="https:/ /wpmag.ru/wp-content/uploads/sites/13/2016/07/imagify-image-compression-1024x318.png" src="https://wpmag-22.cdn.pjtsu.com/wp-content/ uploads/sites/13/2016/07/imagify-image-compression.png?w=780" alt="Зжати зображення з Imagify" width="766" height="237" class="size-full wp-image- 34881" srcset="https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/imagify-image-compression.png?resize=1272x395 1272w, https:// wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/imagify-image-compression.png?resize=640x198 640w, https://wpmag-22.cdn.pjtsu.com /wp-content/uploads/sites/13/2016/07/imagify-image-compression.png?resize=420x130 420w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/ 13/2016/07/imagify-image-compression.png?resize=320x99 320w, https://wpmag-22.cdn.pjtsu.com/wp-content/uploads/sites/13/2016/07/imagify-image -compression.png?resize=250x77 250w" sizes="(max-width: 1272px) 100vw, 1272px" />

Стисніть зображення з Imagify

Imagify — це сервіс від створювачів популярного плагіна кешування WP Rocket, який добре інтегрований у WordPress. Пробна версія Imagify має квоту в 25 мегабайт, платні підписки від $5 за 1 гігабайт даних на місяць, що за словами розробника хватає приблизно на 10 000 зображень.

Варто також згадати, що деякі хостингові та CDN-провайдери, або зворотні проксі (наприклад, CloudFlare, Incapsula тощо) автоматично стискають передавані зображення та інші файли на літо.