W tym podsumowaniu przyjrzymy się najlepszym optymalizatorom obrazu WordPress.

Każdy z nich twierdzi, że jest najlepszym narzędziem do tego celu. Dlatego przetestowaliśmy je w prawdziwym życiu, aby zobaczyć, jak faktycznie się sprawdzają.

Wyniki naszych testów naprawdę nas zaskoczyły. Czytaj dalej, aby dowiedzieć się dokładnie, co odkryliśmy, szczególnie na temat „popularnych” wtyczek.

Po co zawracać sobie głowę optymalizacją obrazów?

Obrazy przedstawiają ok. 21% wielkości danej strony .

Im więcej obrazów użyjesz w swojej treści, tym dłużej zajmie załadowanie strony. Jednak nadal powinieneś używać obrazów w swojej witrynie. Optymalizacja obrazów w programie Photoshop lub podobnym programie była dotychczas jedyną metodą zmniejszenia rozmiaru obrazu.

Ale wymaga to dużo pracy i pewnej wiedzy. Na szczęście istnieje cała gama wtyczek optymalizujących obraz do WordPressa, które wykonają to zadanie za Ciebie.

Oto wtyczki, które przetestowaliśmy.

Najlepsze wtyczki do optymalizacji obrazu WordPress

Imagify 

Wyobraź sobie stronę główną

Imagify to darmowa wtyczka do WordPressa, ale będziesz musiał utworzyć konto Imagify.io, aby uzyskać API potrzebne do działania wtyczki.

Wyobraź sobie połączenie API

Imagify pochodzi od tych samych ludzi, którzy stworzyli WP Rocket , więc mieliśmy wysokie oczekiwania w zakresie funkcji i możliwości.

Interfejs Wyobraźnia

Nie musisz się martwić wieloma zakładkami, menu bocznymi ani niczym podobnym – interfejs Imagify zajmuje jedną stronę:

Najlepszy optymalizator obrazu WordPress

Na pierwszy rzut oka jest to trochę onieśmielające, ale tak naprawdę jest tylko kilka ustawień, o które trzeba się martwić, jak np. „poziom optymalizacji” i włączenie obsługi obrazów.WebP.

To mniej więcej tyle.

Naprawdę fajną funkcją jest możliwość optymalizacji zdjęć WordPresslub po prostu dodaj cały folder obrazów:

Najlepszy optymalizator obrazu WordPress

Narzędzie „Visual Comparison” jest miłym akcentem: możesz wyświetlić podgląd różnych poziomów kompresji obrazu dostępnych we wtyczce:

Optymalizacja obrazu

Możesz wybrać trzy różne typy kompresji obrazu:

  • Normalny – minimalna kompresja
  • Agresywny – średnia kompresja (ustawienie domyślne)
  • Maksymalna ultrakompresja

Podobnie jak w przypadku większości tych wtyczek, możesz przeprowadzić „optymalizację zbiorczą” istniejących obrazów, ale chcieliśmy przetestować, jak radzi sobie z optymalizacją nowych obrazów.

Nie było jasne, jak to zrobić – wymagało to prób i błędów.

Najpierw musisz przesłać obraz, a następnie przejść do biblioteki multimediów w WordPress, aby znaleźć ustawienia optymalizacji:

Ustawienia optymalizacji Imagify w bibliotece multimediów WP

Twój obraz jest zoptymalizowany zgodnie z domyślnymi ustawieniami wtyczki Imagify, w tym przypadku ustawienie „Agresywne” zmniejszyło rozmiar pliku o jeden aż 95,34% .

W ujęciu realnym oznacza to, że rozmiar pliku spadł z 555 KB do 25 KB.

Wyobraź sobie agresywny wynik optymalizacji ustawień

Na tym ekranie możesz wybrać optymalizację do „Ultra” lub do „Normalna”, a także przywrócić plik obrazu do pierwotnego stanu.

Możesz nawet porównać jakość oryginalnego pliku z nowo zoptymalizowaną wersją przed jego opublikowaniem:

Imagify porównuje oryginał i zoptymalizowany

AVANTAGES

  • Bardzo imponująca kompresja obrazu
  • Ich bezpłatny plan obejmuje 25 MB przepustowości obrazu miesięcznie
  • Minimalny interfejs jest bardzo łatwy w użyciu

NIEDOGODNOŚCI

  • Przydałaby się osobna zakładka dla ustawień „Administratora”, ale tutaj będziemy się czepiać

Podsumowanie Imagify:

  • Łatwość instalacji: musisz się zarejestrować, aby uzyskać dostęp do klucza API
  • Ostatnia aktualizacja :  tygodniowo 2
  • Obsługa obrazów WebP: Tak
  • Sprawdź kompresję obrazu:  95,34%

Smush 

Kompresja i optymalizacja obrazu Smush

Smush (dawniej WP Smush) to jedna z najpopularniejszych wtyczek do kompresji obrazu.

Tak naprawdę, jeśli zapytasz większość właścicieli witryn, czego używają do kompresji obrazu, prawdopodobnie odpowiedzieliby „Smush”. To wyjaśnia również, dlaczego wtyczka ma 1 000 000 aktywnych instalacji.

Ale zobaczmy, czy zasługuje na swoją reputację?

Smushowy interfejs

Pulpit nawigacyjny jest bardzo przejrzysty i informuje, ile obrazów nadpisałeś i ile obrazów aktualnie należy nadpisać:

Pozostała część funkcji Smusha dostępna jest z menu po lewej stronie ekranu:

  • Masowy Smush – skompresuj wszystkie obrazy na raz
  • Smusz katalogu – kompresuje wszystkie obrazy w danym katalogu
  • integracje – Gutenberg, Galeria Amazon S3 NextGen i WP Bakery Page Builder
  • Lazy ładowania – odłóż ładowanie obrazów poniżej zakładki
  • CDN – Włącz CDN dla programistów WPMU dla Smush
  • narzędzia – Wykrywaj i wyświetlaj obrazy o nieprawidłowym rozmiarze
  • Parametry – Dostępność, tłumaczenia, śledzenie użytkowania, dane aplikacji i status API

Aby być uczciwym, jedyne ustawienia, na które prawdopodobnie będziesz musiał zwrócić uwagę, to „Bulk Smush” i „Lazy Load”.

Optymalizacja obrazu

Smush domyślnie automatycznie kompresuje nowe obrazy, więc musieliśmy wyłączyć to ustawienie, aby zobaczyć, co robi Smush.

Kompresja automatyzacji Smush

I dlatego widzisz, że jest to ustawienie domyślne… ponieważ nie ma innych ustawień kompresji obrazu, którymi można by się bawić:

Obraz w bibliotece multimediów bez kompresji Smush

Smush, czy nie Smush… oto jest pytanie!

A kiedy robisz Smush, wyniki nie są do końca niesamowite:

Smush Wyniki optymalizacji obrazu

Smush dał nam Zmniejszenie rozmiaru o 3,7%. dla naszego obrazu testowego.

Chcąc zachować uczciwość, przetestowaliśmy inny większy obraz, aby sprawdzić, czy jest tak dobry, jak poprzednio:

Tym razem uzyskaliśmy zmniejszenie rozmiaru obrazu o 86,1%. Smush poradził sobie znacznie lepiej, kompresując plik 1,5 MB niż plik 555 KB. Po porównaniu obrazów dowiedzieliśmy się, dlaczego: większy obraz miał mniej kolorów i był mniej skomplikowany.

Oznacza to, że algorytm kompresji Smush jest tak prosty, jak to tylko możliwe.

AVANTAGES

  • Panel Smush zapewnia przejrzystą wizualną reprezentację Twojego statystyka i zadania
  • Jest to w 100% darmowa wtyczka

NIEDOGODNOŚCI

  • „Poprawa” rozmiaru pliku o 3% jest żałosna
  • Nie można zmienić poziomów kompresji

Podsumowanie Smusha:

  • Łatwość instalacji: zainstaluj i aktywuj z WordPress
  • Najnowsza aktualizacja wtyczki: 1 miesięcy temu
  • Sprawdź kompresję obrazu: 3,7%
  • Obsługa WebP?  Nie

ShortPixel 

ShortPixel to nazwa, której możesz nie znać od razu, ale zyskuje reputację jednej z najlepszych sieci CDN z obrazami.

Pierwszą rzeczą, którą musimy tutaj poruszyć, jest to, że tak naprawdę istnieją dwie różne wtyczki ShortPixel:

  • Optymalizator obrazu ShortPixel (SIO)
  • Obrazy adaptacyjne ShortPixel (SAI)

Jaka jest więc różnica między nimi?

ShortPixel Image Optimizer to lepszy wybór dla witryn rozpowszechnianie danych wśród lokalnej publiczności , a obrazy adaptacyjne ShortPixel najlepiej nadają się do witryn obsługujących odbiorców z całego świata.

Dlatego przetestowaliśmy tylko wtyczkę „Adaptive Images”.

Instalacja wtyczki jest prosta, ale aby wszystko działało poprawnie, musisz poprosić o interfejs API.

Interfejs ShortPixel

Postawili na minimalistyczne podejście do swojego interfejsu, co jest powiewem świeżości w porównaniu do niektórych innych wtyczek:

Parametry ShortPixel Ai

W zakładce „Ogólne” możesz wybrać jeden z trzech poziomów kompresji:

  1. Ze stratą – wyższa kompresja, niższa jakość obrazu
  2. brillante – prawie identyczny z obrazem oryginalnym
  3. Bez strat : niższa kompresja, wyższa jakość obrazu

Obsługa WebP jest domyślnie włączona, podobnie jak leniwe ładowanie obrazu. Jedyne, co musisz wybrać, to rodzaj kompresji, której chcesz użyć.

Karta „Zaawansowane” zawiera adres URL interfejsu API i garść ustawień, których 99% z Was nigdy nie będzie potrzebować.

Ponownie, prawie żadna konfiguracja nie jest wymagana.

Kompresja obrazu

ShortPixel zajmuje się kompresją obrazu „na bieżąco”, więc pomiar wyników jest dość trudny.

Właściwie to jedyny sposób na znalezienie statystyka na temat kompresji obrazu można znaleźć na ich stronie internetowej.

Musisz także pobrać osobny raport, który jest aktualizowany tylko raz na godzinę:

Ale wyniki były imponujące… kiedy je znaleźliśmy:

Mamy Zmniejszenie rozmiaru pliku o 94,36%. , uzyskane bez jakiejkolwiek regulacji, manipulacji lub manipulacji różnymi parametrami.

Wynik ten plasuje ShortPixel na 3. miejscu, ale tylko z najmniejszą przewagą.

AVANTAGES

  • Ustaw i zapomnij o optymalizacji obrazu
  • Doskonała redukcja rozmiaru pliku obrazu
  • Żadnych manipulacji skomplikowanymi ustawieniami
  • Dostępne bezpłatne konto (100 zdjęć miesięcznie)

NIEDOGODNOŚCI

  • Potrzebują panelu raportowania we wtyczce
  • Kilka dostępnych wtyczek jest mylących

Podsumowanie ShortPixela:

  • Obiekt : zainstaluj i aktywuj z WordPress
  • Najnowsza aktualizacja wtyczki: tam 16 godzin
  • Sprawdź kompresję obrazu: 94,36%
  • Obsługa WebP? Tak

Optymalizator EWWW 

Wtyczka optymalizacji obrazu Ewww

Z 700 000 aktywnych instalacji i oceną 4,5 gwiazdki, EWWW wydaje się dobrym wyborem jako wtyczka do kompresji obrazu.

W końcu, jeśli kilkaset tysięcy właścicieli witryn jest z tego zadowolonych, to muszą robić coś dobrze.

Interfejs

EWWW Image Optimizer ma bardzo wizualny panel, wyświetlający poziom kompresji obrazu, jakiego możesz się spodziewać, a także ilość zaoszczędzonego dotychczas miejsca na pliki.

Być może zauważyłeś, że poziom kompresji jest ustawiony na 20%, co nadal nie wygląda tak źle.

Dopóki nie zauważysz w menu „Podstawowe”, że tak naprawdę nie możesz zmienić poziomów optymalizacji dla żadnego typu obrazu:

Podstawowe menu optymalizacji obrazu Ewww

Aby uzyskać dostęp do „Pixel Perfect Plus” lub lepszych narzędzi do kompresji, musisz kupić klucz API.

Tę awarię omówimy bardziej szczegółowo w następnej sekcji.

Dostęp do reszty interfejsu odbywa się poprzez menu z kartami, ale uważamy, że nowi użytkownicy mogą poczuć się naprawdę przytłoczeni, gdy zobaczą dziesiątki różnych opcji, które można włączać i wyłączać.

Kompresja obrazu

Podobnie jak Smush, EWWW Image Optimizer automatycznie kompresuje wszystkie nowe obrazy przesłane do biblioteki multimediów WP.

Niestety, jedynym sposobem, aby to zrobić, jest ręczna edycja pliku wp_config.php lub jak to się nazywa „ opcje wymiany ".

To niedopatrzenie sprawia, że ​​wtyczka staje się natychmiast niedostępna dla bardzo dużej liczby osób.

Przeprowadziliśmy test wtyczki przy użyciu domyślnych ustawień optymalizacji i uzyskaliśmy następujący wynik:

Ewww Wyniki optymalizacji obrazu

To 9% zmniejszenie rozmiaru pliku (58,8 KB) spowodowało zmniejszenie rozmiaru naszego obrazu testowego z 555 KB do 496,2 KB. Jest to nieco lepsza wydajność niż Smush, ale daleko w tyle za wszystkimi innymi wtyczkami tej syntezy.

Jedynym sposobem na poprawę tego wyniku jest zakup interfejsu API, który pobiera opłatę w wysokości 0,0003 USD za obraz. Możesz też zamiast tego płacić 9 USD miesięcznie za CDN obrazu ExactDN.

Może się to wydawać mądrym posunięciem marketingowym, ale skutecznie sprawia, że ​​ich darmowa wtyczka staje się bezużyteczna.

To po prostu narzędzie do generowania leadów ubrane w wtyczkę do optymalizacji obrazu.

AVANTAGES

  • EWWW Image Optimizer jest darmowy

NIEDOGODNOŚCI

  • Interfejs to prawdziwa katastrofa
  • Kompresja obrazu jest bardzo słaba
  • Darmowa wersja wtyczki ma bardzo ograniczoną funkcjonalność

Podsumowanie EWWW

  • Obiekt : zainstaluj i aktywuj z WordPress
  • Najnowsza aktualizacja wtyczki: tygodniowo 2
  • Kompresja obrazu: 9%
  • Obsługa WebP? Tak

Optimole

Optimole

Optimole  to produkt mający wiele podobieństw do Imagify i ShortPixel, ponieważ oferuje optymalizację i kompresję obrazu w chmurze.

Lub, ich własnymi słowami, „…przetwarzanie obrazów w czasie rzeczywistym i CDN obrazów dla WordPress”.

Podobnie jak większość innych narzędzi do optymalizacji obrazu opartych na chmurze, aby korzystać z tej wtyczki, musisz utworzyć bezpłatne konto. Twoje konto Optimole nie jest „bezpłatne na zawsze”: obowiązuje na nim limit obrazu wynoszący 1 GB.

Interfejs

Bardzo podobał nam się interfejs Optimole – udało mu się zachować zwodniczą prostotę, zachowując jednocześnie wszystkie potrzebne ustawienia na wyciągnięcie ręki.

Masz wybór pomiędzy „Panel kontrolny” a „Ustawienia”:

W Ustawieniach masz dwie główne opcje:

  1. Włącz zastępowanie obrazu
  2. Skaluj obrazy i leniwe ładowanie
Ustawienia ogólne Optimole

W menu „Zaawansowane” możesz wybierać spośród:

  • Poziom kompresji – niski, średni lub wysoki
  • Zmiana rozmiaru obrazu – zmień rozmiar dużych obrazów, aby je dopasować
  • Powolne ładowanie (włącz ogólny symbol zastępczy)
  • Wyłączenia – pliki, których nie chcesz optymalizować
  • watermark – dodaj znak wodny do swoich zdjęć, aby zapobiec pijawkom/kradzieżom

Zostałby uznany za najbardziej intuicyjny interfejs ze wszystkich, gdyby nie jeden rażący błąd.

Dostęp do wtyczki oznacza przejście do Wtyczki -> Zainstalowane wtyczki, a następnie przewinięcie w dół i kliknięcie „Ustawienia” wtyczki.

Mamy nadzieję, że naprawią ten problem w przyszłej aktualizacji z jakimś paskiem administracyjnym lub systemem menu kontekstowego.

Kompresja obrazu

Interfejs jest więc świetny, ale jak dobrze radzi sobie z zmniejszaniem rozmiaru pliku obrazu?

No cóż, w tym miejscu sytuacja nieco się popsuła. Nie integruje się z biblioteką multimediów, więc nie zaobserwowaliśmy tam żadnego zmniejszania się plików graficznych. Po pewnych manipulacjach i odświeżeniach wróciliśmy do pulpitu nawigacyjnego i znaleźliśmy tam wynik:

Wyniki optymalizacji obrazu Optimole

Nasz obraz testowy jest teraz 21,8 razy mniejszy niż wcześniej, co wygląda niesamowicie. Ale nadal mieliśmy nie mam pojęcia co to oznaczało w kilobajtach/megabajtach. Dlatego w ostateczności sprawdziliśmy panel internetowy naszego konta Optimole:

Najnowsze obrazy zoptymalizowane za pomocą Optimole

26 KB to niesamowity wynik, ale jest po prostu zbyt wiele przeszkód, aby uzyskać te informacje. Optimole bardzo dobrze wykonuje swoją pracę, ale muszą popracować nad UX.

Należy także wziąć pod uwagę koszty po wykorzystaniu bezpłatnego 1 GB obrazów miesięcznie (5 GB przepustowości przeglądania).

AVANTAGES

  • Imponujące możliwości redukcji obrazu
  • Funkcja znaku wodnego jest całkiem fajna
  • Uproszczony i intuicyjny interfejs
  • 5 GB bezpłatnej przepustowości obrazu miesięcznie

NIEDOGODNOŚCI

  • W rzeczywistości dostęp do wtyczki jest uciążliwy
  • Raporty są co najmniej skomplikowane

Podsumowanie Optimolu

  • Łatwość instalacji: musisz się zarejestrować, aby uzyskać dostęp do klucza API
  • Najnowsza aktualizacja wtyczki: 1 dzień temu
  • Kompresja obrazu: 95%
  • Obsługa WebP? Tak

Wyniki kompresji obrazu

Wszystkie poniższe wyniki opierają się na tym obrazie testowym:

Jaki jest najlepszy optymalizator obrazu WordPress
  • Oryginalny rozmiar obrazu: 555 KB
  • Format obrazu: JPEG
  • Wymiary obrazu: 1px x 000px
PodłączSkompresowany rozmiarProcent redukcji
Imagify25,8 KB95%
Smush554,8 KB3%
ShortPixel 31,2 KB94%
EWWW 496,2 KB9%
Optimole26 KB95%

Wtyczka z najlepszym wynikiem optymalizacji obrazu to Wyobraź sobie.io , przy czym Optimole zajął drugie miejsce, a ShortPixel był bardzo, bardzo blisko trzeciego miejsca.

To, co najciekawsze w naszych testach, to słaba wydajność Smusha i EWWW, ale liczby nie kłamią.

Nie ma sensu używać wtyczek, które dosłownie nie robią tego, co mówią.

Wnioski

I to prowadzi nas do końca naszego porównania optymalizatora obrazu WordPress, a Imagify wyraźnie zostaje zwycięzcą.

Byliśmy naprawdę zaskoczeni występem przez Imagify i Optimole w naszych testach.

Jednakże wynikało to z faktu, że nie wiedzieliśmy zbyt wiele o żadnej z wtyczek, a nie z jakichkolwiek negatywnych opinii z naszej strony.

ShortPixel to nasze ulubione narzędzie, po prostu dlatego, że jest prawie zautomatyzowane: po prostu pozwalamy mu działać.

Jak zapewne wiecie, lubimy systematyzować niemal wszystko, co robimy. Biorąc to pod uwagę, moglibyśmy przeprowadzić więcej testów z Imagify na działających witrynach, aby zobaczyć, jak sobie radzi.

Daj nam znać, co myślisz o tym podsumowaniu, za pomocą komentarza i nie zapomnij udostępnić tego artykułu, jeśli uznasz go za pomocny.

Śmiało, wiesz, że tego chcesz!