Това, което ще разгледаме в този обзор, са най-добрите оптимизатори на изображения на WordPress.
Всеки от тях има претенциите да бъде най-добрият инструмент за тази цел. Затова ги тествахме в реалния живот, за да видим как се представят в действителност.
Резултатите от нашите тестове наистина ни изненадаха. Прочетете, за да разберете какво точно открихме, особено за „популярните“ плъгини.
Защо да си правите труда да оптимизирате изображенията?
Изображенията представляват прибл. 21% от размера на дадена страница .
Колкото повече изображения използвате в съдържанието си, толкова повече време ще отнеме на страницата да се зареди. Но все пак трябва да използвате изображения на сайта си. Оптимизирането на вашите изображения във Photoshop или подобен беше единственият начин да намалите размера на изображението.
Но това изисква много работа и известно количество знания. За щастие има цял набор от плъгини за оптимизиране на изображения за WordPress, които да свършат тази работа вместо вас.
Ето плъгините, които тествахме.
Съдържание ☰
Най-добрите приставки за оптимизиране на изображения в WordPress
Imagify
Imagify е безплатен плъгин за WordPress, но ще трябва да създадете акаунт в Imagify.io, за да получите API, необходим за работата на плъгина.
Imagify идва от същите хора, които са създали WP Rocket , така че имахме големи очаквания по отношение на характеристиките и възможностите.
Imagify интерфейс
Няма да се притеснявате за множество раздели, странични менюта или нещо подобно – интерфейсът Imagify заема една страница:
На пръв поглед е малко смущаващо, но наистина има само няколко настройки, за които трябва да се тревожите, като „ниво на оптимизация“ и активиране на поддръжка на изображения. WebP.
Горе-долу е така.
Наистина страхотна функция е, че можете да оптимизирате вашите изображения WordPress темаили вместо това просто добавете цяла папка с изображения:
Инструментът „Визуално сравнение“ е приятно докосване: можете да визуализирате различните нива на компресия на изображението, налични в приставката:
Оптимизиране на изображението
Можете да изберете три различни вида компресия на изображението:
- Нормално – минимална компресия
- Агресивен – средна компресия (настройка по подразбиране)
- Максимална ултра-компресия
Както при повечето от тези добавки, можете да направите „групова оптимизация“ за съществуващи изображения, но ние искахме да тестваме как се справя с оптимизирането на нови изображения.
Как да стане това не беше много ясно – имаше някои опити и грешки.
Първо трябва да качите изображението, след което да отидете във вашата медийна библиотека в WordPress, за да намерите настройките за оптимизация:
Вашето изображение е оптимизирано според настройката по подразбиране на приставката Imagify и в този случай това беше настройката „Агресивен“, която намали размера на файла с един цели 95,34% .
В реално изражение това означава, че размерът на файла е спаднал от 555 KB на 25 KB.
Можете да изберете да оптимизирате до „Ултра“ или до „Нормално“ от този екран, както и да възстановите файла с изображение в първоначалното му състояние.
Можете дори да сравните качеството на оригиналния файл с новооптимизираната версия, преди да го публикувате:
AVANTAGES
- Много впечатляваща компресия на изображението
- Техният безплатен план покрива 25 MB трафик на изображения на месец
- Минималният интерфейс е много лесен за използване
НЕДОСТАТЪЦИ
- Отделен раздел за настройките на „Администратор“ би бил добър, но тук се заяждаме
Резюме на Imagify:
- Лесна инсталация: трябва да се регистрирате за достъп до API ключа
- Последна актуализация : Преди 2 седмици
- Поддръжка на WebP изображения: да
- Тестова компресия на изображението: 95,34%
Smush
Smush (по-рано WP Smush) е един от най-популярните плъгини за компресиране на изображения.
Всъщност, ако попитате повечето собственици на уебсайтове какво използват за компресиране на изображения, те вероятно ще кажат „Smush“. Това също обяснява защо плъгинът има 1 000 000 активни инсталации.
Но да видим дали той заслужава репутацията си?
Smush интерфейс
Таблото е много ясно и ви казва колко изображения сте презаписали и колко изображения в момента трябва да бъдат презаписани:
Останалите функции на Smush са достъпни от меню от лявата страна на екрана:
- Насипни Smush – компресирайте всичките си изображения наведнъж
- Директория Smush – компресира всички изображения в дадена директория
- интеграции – Gutenberg, Amazon S3 NextGen Gallery и WP Bakery Page Builder
- Lazy Load – отлагане на зареждането на изображения под видимата на екрана част от страницата
- CDN – Активирайте CDN за разработчици на WPMU за Smush
- Инструменти – Откриване и показване на изображения с неправилен размер
- Параметри – Достъпност, преводи, проследяване на използването, данни за приложения и статус на API
За да бъдем честни, единствените настройки, които вероятно ще трябва да разгледате, са „Bulk Smush“ и „Lazy Load“.
Оптимизиране на изображението
Smush автоматично компресира нови изображения по подразбиране, така че трябваше да изключим тази настройка, за да видим всъщност какво прави Smush.
И затова виждате, че това е настройката по подразбиране...защото няма други настройки за компресиране на изображения, с които да си играете:
Smush, or not Smush… това е въпросът!
И когато правите Smush, резултатите не са точно невероятни:
Smush ни даде a 3,7% намаление на размера за нашето тестово изображение.
В опит да бъдем наистина справедливи, тествахме друго по-голямо изображение, за да видим дали е толкова добро, колкото са нещата:
Този път получихме 86,1% намаление на размера на изображението. Smush се справи много по-добре с компресирането на файл от 1,5 MB, отколкото файл от 555 KB. И след като сравнихме изображенията, разбрахме защо: по-голямото изображение имаше по-малко цветове и беше по-малко сложно.
Което означава, че алгоритъмът за компресиране на Smush е възможно най-основен.
AVANTAGES
- Таблото за управление на Smush дава ясно визуално представяне на вашия статистика и задачи
- Това е 100% безплатен плъгин
НЕДОСТАТЪЦИ
- 3% „подобрение“ в размера на файла е жалко
- Не можете да променяте нивата на компресия
Резюме на Smush:
- Лесна инсталация: инсталирайте и активирайте от WordPress
- Последна актуализация на приставката: Преди 1 месеца
- Тестова компресия на изображението: 3,7%
- Поддръжка на WebP? Non
Кратко Pixel
Кратко Pixel е име, което може да не знаете веднага, но те развиват репутация на един от най-добрите CDN за изображения наоколо.
Първото нещо, което трябва да разгледаме тук, е, че всъщност има два различни плъгина ShortPixel:
- ShortPixel Image Optimizer (SIO)
- Адаптивни изображения ShortPixel (SAI)
И така, каква е разликата между тях?
ShortPixel Image Optimizer е по-добър избор за сайтове разпространяване на данни сред местна аудитория , а ShortPixel Adaptive Images е най-подходящ за сайтове, обслужващи международна аудитория.
Ето защо тествахме само приставката „Адаптивни изображения“.
Инсталирането на приставката е лесно, но ще трябва да поискате API, за да работи всичко правилно.
Интерфейс ShortPixel
Те са заложили на минималистичен подход към своя интерфейс, който е глътка свеж въздух в сравнение с някои други добавки:
В раздела „Общи“ можете да избирате от три нива на компресия:
- Със загуба – по-висока компресия, по-ниско качество на изображението
- ярък – почти идентичен с оригиналното изображение
- без загуба : по-ниска компресия, по-високо качество на изображението
Поддръжката на WebP е активирана по подразбиране, както и мързеливото зареждане на изображения. Единственото нещо, което трябва да изберете, е вида на компресията, който искате да използвате.
Разделът „Разширени“ съдържа URL адреса на API и няколко настройки, които 99% от вас никога няма да имат нужда.
Отново не е включена почти никаква конфигурация.
Компресия на изображението
ShortPixel се грижи за вашите нужди от компресия на изображението „в движение“, така че е малко трудно действително да се измерят резултатите.
Всъщност единственият начин да се намери статистика за компресиране на изображения е чрез техния уебсайт.
И трябва да изтеглите отделен отчет, който се актуализира само веднъж на час:
Но резултатите бяха впечатляващи... след като ги намерихме:
Имаме а 94,36% намаление на размера на файла , получени без никакви настройки, манипулации или манипулиране на различни параметри.
Този резултат поставя ShortPixel на 3-то място, но само с най-малката граница.
AVANTAGES
- Задайте и забравете оптимизацията на изображението
- Отлично намаляване на размера на файла с изображения
- Без манипулиране на сложни параметри
- Наличен безплатен акаунт (100 изображения на месец)
НЕДОСТАТЪЦИ
- Те се нуждаят от табло за отчети в приставката
- Няколко налични добавки са объркващи
Резюме на ShortPixel:
- Инсталация: инсталирайте и активирайте от WordPress
- Последна актуализация на приставката: 16 часа
- Тестова компресия на изображението: 94,36%
- Поддръжка на WebP? да
EWWW оптимизатор
Със 700 000 активни инсталации и оценка от 4,5 звезди, EWWW изглежда като добър избор като плъгин за компресиране на изображения.
В края на краищата, ако няколкостотин хиляди собственици на сайтове са доволни от него, тогава те трябва да правят нещо правилно.
Interface
EWWW Image Optimizer има много визуално табло, показващо нивото на компресия на изображението, което можете да очаквате, както и колко файлово пространство сте спестили досега.
Може би сте забелязали, че нивото му на компресия е зададено на 20%, което все пак не изглежда много зле.
Докато не забележите в менюто "Основни", че всъщност не можете да промените нивата на оптимизация за всеки тип изображение:
Трябва да закупите API ключ, за да получите достъп до техния „Pixel Perfect Plus“ или по-добри инструменти за компресиране.
Обсъждаме този провал малко по-подробно в следващия раздел.
Останалата част от интерфейса е достъпна чрез меню с раздели, но смятаме, че новите потребители може да се почувстват наистина претоварени, когато видят десетките различни опции, които могат да бъдат включвани или изключвани.
Компресия на изображението
Подобно на Smush, EWWW Image Optimizer автоматично компресира всички нови изображения, качени във вашата WP медийна библиотека.
За съжаление, единственият начин да направите това е да редактирате ръчно вашия файл wp_config.php или това, което наричат " опции за подмяна ".
Този пропуск прави плъгина незабавно недостъпен за много голям брой хора.
Проведохме нашия тест на плъгина, като използвахме настройката му за оптимизация по подразбиране и получихме този резултат:
Това 9% намаление на размера на файла (58,8 KB) намали размера на нашето тестово изображение от 555 KB на 496,2 KB. Това е малко по-добра производителност от Smush, но далеч зад всички останали плъгини на този синтез.
Единственият начин да подобрите този резултат е да закупите API, който таксува $0,0003 на изображение. Или вместо това можете да плащате $9 на месец за тяхното CDN изображение ExactDN.
Може да изглежда като умен маркетингов ход, но на практика прави безплатния им плъгин безполезен.
Това е просто инструмент за генериране на потенциални клиенти, облечен като плъгин за оптимизиране на изображения.
AVANTAGES
- EWWW Image Optimizer е безплатен
НЕДОСТАТЪЦИ
- Интерфейсът е истинска катастрофа
- Компресията на изображението е много лоша
- Безплатната версия на плъгина е изключително ограничена като функционалност
Резюме на EWWW
- Инсталация: инсталирайте и активирайте от WordPress
- Последна актуализация на приставката: Преди 2 седмици
- Компресия на изображението: 9%
- Поддръжка на WebP? да
Optimole
Optimole е продукт с много прилики с Imagify и ShortPixel, тъй като предлага базирана на облак оптимизация и компресия на изображения.
Или, по техните собствени думи, „... обработка на изображения в реално време и CDN за изображения за WordPress“.
И като повечето други базирани на облак инструменти за оптимизиране на изображения, трябва да създадете безплатен акаунт, за да използвате този плъгин. Вашият акаунт в Optimole не е „безплатен завинаги“: върху него е наложено ограничение за изображение от 1 GB.
Interface
Харесахме интерфейса на Optimole – успяха да го запазят измамно прост, като същевременно запазиха всички настройки, от които се нуждаете, на една ръка разстояние.
Имате избор между "Табло" и "Настройки":
Под Настройки имате две основни опции:
- Разрешете замяната на изображението
- Мащабиране на изображения и отложено зареждане
А в менюто „Разширени“ можете да избирате от:
- Ниво на компресия – ниско, средно или високо
- Преоразмеряване на изображението – преоразмерете големи изображения, за да се поберат
- Мързеливо зареждане (активиране на общ заместител)
- Изключения – файлове, които не искате да бъдат оптимизирани
- воден знак – добавете воден знак към вашите изображения, за да предотвратите пиявици/кражби
Щеше да се счита за най-интуитивния интерфейс от групата, ако не беше една явна грешка.
Достъпът до приставката означава да отидете на Plugins -> Installed Plugins, след което да превъртите надолу, за да щракнете върху „Настройки“ на приставката.
Надяваме се, че ще решат този проблем в бъдеща актуализация с някаква администраторска лента или система с контекстно меню.
Компресия на изображението
Така че интерфейсът е страхотен, но колко добре успява да намали размера на файла с изображения?
Е, тук нещата се разпаднаха малко. Той не се интегрира с медийната библиотека, така че не можахме да видим никакво свиване на файловете с изображения там. След известна манипулация и освежаване се върнахме на таблото и открихме резултата там:
Нашето тестово изображение вече е 21,8 пъти по-малко от преди, което изглежда страхотно. Но все още имахме никаква идея какво означава това в килобайти/мегабайти. Затова проверихме уеб таблото за управление на нашия акаунт в Optimole като последна възможност:
26KB е невероятен резултат, но има твърде много обръчи, през които трябва да преминете, за да получите тази информация. Optimole върши работата си много добре, но те трябва да работят върху своя UX.
Трябва също така да вземете предвид разходите си, след като използвате безплатните си 1 GB изображения на месец (5 GB честотна лента за гледане).
AVANTAGES
- Впечатляваща възможност за намаляване на изображението
- Функцията за воден знак е доста готина
- Опростен и интуитивен интерфейс
- 5 GB безплатна честотна лента за изображения на месец
НЕДОСТАТЪЦИ
- Всъщност достъпът до плъгина е скучна работа
- Докладите са меко казано сложни
Резюме на Optimole
- Лесна инсталация: трябва да се регистрирате за достъп до API ключа
- Последна актуализация на приставката: 1 дни
- Компресия на изображението: 95%
- Поддръжка на WebP? да
Резултати от компресията на изображението
Всички резултати по-долу са базирани на това тестово изображение:
- Оригинален размер на изображението: 555 KB
- Формат на картината: JPEG
- Размери на изображението: 1px x 000px
| Plug-in | Компресиран размер | Процент на намаление |
|---|---|---|
| Imagify | 25,8 KB | 95% |
| Smush | 554,8 KB | 3% |
| Кратко Pixel | 31,2 KB | 94% |
| EWWW | 496,2 KB | 9% |
| Optimole | 26 KB | 95% |
Плъгинът с най-добър резултат за оптимизиране на изображението е Imagify.io , като Optimole заема 2-ро място, а ShortPixel е много, много близо до 3-то.
Най-интересното в нашите тестове беше лошото представяне на Smush и EWWW, но числата не лъжат.
Няма смисъл да използвате добавки, които буквално не правят това, което казват.
Други ресурси:
- 10 партньорски програми за домашни любимци, които плащат високи комисионни
- Как да ускорите WordPress сайт
- Как да инсталирате WordPress на Hostinger?
Заключение
И това ни довежда до края на нашето сравнение на оптимизатора на изображения на WordPress, като Imagify очевидно става победител.
Бяхме искрено изненадани от представянето от Imagify и Optimole в нашите тестове.
Това обаче се основаваше на факта, че не знаехме много за двата плъгина, а не на някакви негативни възприятия от наша страна.
ShortPixel е нашият избран инструмент, просто защото е почти автоматизиран: ние просто го оставяме да си върши работата.
Както вероятно знаете, обичаме да систематизираме почти всичко, което правим. Но като се има предвид това, бихме могли да направим повече тестове с Imagify на живи сайтове, за да видим как се справя.
Кажете ни какво мислите за този обзор с коментар и не забравяйте да споделите тази статия, ако я намерите за полезна.
Давай, знаеш, че го искаш!