7 najlepszych wtyczek i narzędzi do optymalizacji obrazu WordPress (testowane) – 2022 r

Szukasz najlepszych wtyczek lub narzędzi do optymalizacji obrazu, aby przyspieszyć obrazy w witrynie WordPress?

Do tej pory prawdopodobnie wiesz, jak ważny jest czas ładowania strony i szybkość strony. Internet jest pełen wiadomości o tym, jak czasy ładowania wpływają na Twoje wyniki finansowe, a Google wyraźnie preferuje szybkie ładowanie witryn i blogów.

Chociaż istnieje wiele sposobów na optymalizację szybkości witryny, jednym z pierwszych miejsc, w których należy szukać ulepszeń, są obrazy, których używasz.

Aby pomóc Ci w optymalizacji obrazów, w tym poście przyjrzymy się siedmiu najlepszym narzędziom do optymalizacji obrazu i porównamy ich wyniki z rzeczywistymi testami.

Zaczniemy od udostępnienia szczegółowych informacji na temat każdego narzędzia do optymalizacji obrazu wraz z jego indywidualną wydajnością.

Na końcu wpisu umieścimy wszystko razem w kilku różnych tabelach porównawczych, abyś mógł łatwo zobaczyć, jak układają się różne narzędzia i wtyczki.

Oto wszystko, co znajdziesz w tym poście:

Siedem najlepszych wtyczek i narzędzi do optymalizacji obrazu WordPress: indywidualne szczegóły i wydajność

Poniżej przedstawimy szczegółowe informacje dotyczące siedmiu najlepszych narzędzi i wtyczek do optymalizacji obrazu WordPress.

Oprócz udostępniania podstawowych funkcji i informacji o cenach, przetestowaliśmy również każdą wtyczkę z tej listy, sprawdzając, jak dobrze była w stanie zoptymalizować te same dwa obrazy testowe przy użyciu kompresji bezstratnej i stratnej:

Oba obrazy mają szerokość 1280 pikseli i udostępniamy dane dla obrazu w pełnym rozmiarze ( zamiast jednego z mniejszych rozmiarów miniatur, które WordPress automatycznie generuje ).

Nie przekonwertowaliśmy ich również na WebP, co jest funkcją oferowaną przez wiele narzędzi do optymalizacji obrazu. Zamiast tego zachowaliśmy je w ich oryginalnych formatach graficznych.

Oczywiście poza samą oszczędnością rozmiaru pliku, możesz być również zaniepokojony jakością skompresowanych obrazów.

Moim zdaniem wszystkie te narzędzia dały mniej więcej taką samą jakość obrazu, więc nie sądzę, aby miało to wpływ na twoją decyzję:

• W przypadku kompresji bezstratnej nie było różnicy w jakości (co jest definicją bezstratnej).
• W przypadku kompresji stratnej nastąpiło niewielkie pogorszenie jakości, ale było to bardzo trudne do zauważenia i nie zauważyłem żadnych zauważalnych różnic między różnymi narzędziami pod względem jakości obrazu.

1. Optymalizator obrazu EWWW

Kiedy zainstalujesz i aktywujesz EWWW Image Optimizer, automatycznie zoptymalizuje on wszystkie obrazy przesłane do Twojej witryny. Może optymalizować pliki JPG, PNG, GIF i PDF, a także pozwala przeglądać istniejącą bibliotekę multimediów i optymalizować już przesłane obrazy. Wtyczka może również konwertować obrazy do najlepszego formatu, jeśli zdecydujesz się włączyć tę opcję w ustawieniach wtyczki.

Jedną z zalet EWWW Image Optimizer jest to, że pozwala optymalizować obrazy za pomocą ich wyspecjalizowanych serwerów, aby zapewnić zarówno kompresję stratną, jak i bezstratną. W skrócie oznacza to, że optymalizacja obrazu nie spowoduje dodatkowego obciążenia serwera.

Płatna usługa oferuje również inne ulepszenia, takie jak wbudowany CDN, konwersja WebP, automatyczne skalowanie i inne.

Alternatywnie możesz wykonać przetwarzanie na własnym serwerze za darmo, ale dostęp do bezstratnej kompresji możesz uzyskać tylko wtedy, gdy używasz swojego serwera.

Ceny :

Jeśli używasz lokalnego serwera do przetwarzania, otrzymujesz nieograniczone korzystanie za darmo. Jednak obsługuje to tylko bezstratną kompresję, co jest dość dużym ograniczeniem.

Płatne plany zaczynają się od 7 USD miesięcznie za nieograniczoną optymalizację obrazu dla jednej witryny wraz z wbudowaną siecią CDN.

Skorzystaj z naszego ekskluzywnego kuponu EWWW Image Optimizer, aby uzyskać 15% ZNIŻKI.

Jak poradziła sobie wtyczka?

* Z jakiegoś powodu nie mogłem zmusić EWWW Image Optimizer do uruchomienia bezstratnej kompresji PNG. Nawet jeśli wybrałem bezstratny, nadal używał kompresji stratnej.

2. Kompresja i optymalizacja obrazu Smush

Opracowana przez WPMU Dev wtyczka Smush Image Compression and Optimization jest dostępna zarówno w wersji darmowej, jak i premium.

Po zainstalowaniu wtyczki zostaniesz przeniesiony na stronę ustawień wtyczki, na której możesz zobaczyć, ile obrazów zostało już zoptymalizowanych i skonfigurować rozmiary miniatur, które wtyczka ma zoptymalizować, czy rozmiar obrazów powinien zostać zmieniony i nie tylko.

Darmowa wersja wtyczki pozwala zoptymalizować nieograniczoną liczbę obrazów, ale każdy pojedynczy obraz nie może przekraczać 5 MB.

Wtyczka może optymalizować obrazy JPEG, GIF i PNG indywidualnie lub możesz użyć ich funkcji optymalizacji zbiorczej. Ponadto możesz optymalizować pliki obrazów przesyłane poza bibliotekę multimediów, takie jak obrazy przechowywane w plikach motywów.

Ceny :

Aby usunąć limit 5 MB dla poszczególnych obrazów i uzyskać dostęp do innych płatnych funkcji, takich jak dostarczanie obrazów CDN, konwersja WebP i inne, płatne plany zaczynają się od 7,50 USD miesięcznie.

Jak poradziła sobie wtyczka?

3. Krótki piksel

ShortPixel to wtyczka freemium, która może kompresować pliki JPG, PNG i GIF.

Po zainstalowaniu wtyczki zostaniesz poproszony o zarejestrowanie się w celu uzyskania klucza API poprzez podanie adresu e-mail.

Wtyczka automatycznie zoptymalizuje każdy przesłany obraz, a także możesz zbiorczo zoptymalizować obrazy, które już znajdują się w Twojej bibliotece multimediów.

Wtyczka obsługuje zarówno stratne, jak i bezstratne metody kompresji. Zoptymalizuje również wszystkie miniatury utworzone przez WordPress, usunie dane EXIF, ustawi maksymalną rozdzielczość dla twoich obrazów i zapisze kopię zapasową każdego przesłanego obrazu do nowego folderu.

Inne przydatne funkcje obejmują:

• Konwersja do formatów WebP lub AVIF dla mniejszych rozmiarów plików.
• Obsługa obrazu na siatkówce.
• Optymalizacja plików PDF oprócz obrazów.

Oryginalna wtyczka ShortPixel optymalizuje obrazy na serwerze Twojej witryny. Istnieje jednak również oddzielna usługa ShortPixel Adaptive Images, która wyświetla obrazy z wbudowanego CDN i optymalizuje je w czasie rzeczywistym dla każdego odwiedzającego – więcej o tym później.

Ceny :

Darmowa wersja wtyczki pozwala na optymalizację 100 obrazów miesięcznie.

Aby przekroczyć ten limit, masz dwie możliwości zakupu dodatkowych kredytów na optymalizację obrazu:

• Jednorazowe pakiety – od 9,99 USD jednorazowo za 10 000 optymalizacji obrazu. Kredyty nie wygasają – możesz z nich korzystać, aż się wyczerpią.
• Plany miesięczne/roczne — od 3,99 USD miesięcznie za maksymalnie 7000 obrazów miesięcznie. Kredyty nie przechodzą z miesiąca na miesiąc.

Skorzystaj z naszego kuponu ShortPixel, aby uzyskać 50% dodatkowych kredytów i dużo zaoszczędzić.

Jak poradziła sobie wtyczka ?

4. Wyobraź sobie

Imagify to kolejna wysokiej jakości opcja, jeśli chodzi o optymalizację obrazu WordPress.

Narzędzie to, opracowane przez zespół odpowiedzialny za WP Rocket, wtyczkę do buforowania WordPress, którą sprawdziliśmy, umożliwia optymalizację wszystkich popularnych formatów obrazów.

Wymaga użycia klucza API i oferuje 3 poziomy kompresji:

• Normalny — używa kompresji bezstratnej
• Agresywna — wykorzystuje kompresję stratną przy minimalnej utracie danych
• Ultra – wykorzystuje kompresję stratną, ale pozwala na niewielką utratę jakości

Po wprowadzeniu klucza API zostaniesz poproszony o przejście do strony ustawień, gdzie możesz wybrać poziom kompresji, włączyć możliwość przechowywania oryginalnych obrazów w oddzielnym folderze, zmienić rozmiar obrazów, aby ustawić szerokość i usuń wszystkie dane EXIF.

Wtyczka może również obsługiwać konwersje WebP, jeśli chcesz użyć tego formatu.

Ceny :

Plan na zawsze bezpłatny pozwala zoptymalizować do 20 MB obrazów miesięcznie.

Stamtąd plany premium kosztują 4,99 USD za maksymalnie 500 MB miesięcznie lub 9,99 USD za nieograniczone korzystanie miesięcznie. Możesz zaoszczędzić więcej, wybierając ceny roczne.

Jak poradziła sobie wtyczka ?

5. Kraken

Wtyczka Kraken.io Image Optimization umożliwia optymalizację i zmianę rozmiaru nowych i istniejących przesyłanych obrazów WordPress za pomocą interfejsu API Kraken.io Image Optimizer.

Wtyczka obsługuje zarówno bezstratną, jak i inteligentną optymalizację stratną i może optymalizować pliki JPG, PNG i GIF, w tym animowane pliki GIF.

Obsługiwana jest funkcja optymalizacji zbiorczej, a także możliwość zachowania wszystkich danych EXIF.

Oprócz umożliwienia optymalizacji animowanych plików GIF, Kraken jest jedną z niewielu wtyczek, które działają nawet w lokalnych instalacjach WordPress.

Alternatywnie możesz także użyć interfejsu internetowego Kraken, aby ręcznie zoptymalizować obrazy przed przesłaniem ich do WordPress, chociaż dedykowana wtyczka optymalizacji obrazu WordPress jest o wiele wygodniejsza.

Ceny :

Darmowa wersja wtyczki umożliwia optymalizację plików graficznych do 32 MB i do 100 MB obrazów. Plany premium zaczynają się od 5 USD miesięcznie za maksymalnie 500 MB obrazów.

Jak poradziła sobie wtyczka ?

*Takie wyniki uzyskano po zastosowaniu opcji „inteligentny stratny”. Mogłem osiągnąć lepsze oszczędności, ręcznie ustawiając poziom kompresji, ale wtyczka zaleca trzymanie się inteligentnej opcji, mimo że nie wygenerowała żadnych znaczących oszczędności rozmiaru pliku.

6. Kompres WP

WP Compress to wtyczka do optymalizacji obrazu WordPress, która sprzedaje się agencjom WordPress, chociaż indywidualni użytkownicy również mogą skorzystać z wtyczki.

Oferuje dwa różne podejścia do optymalizacji obrazu i możesz wybrać to, które Ci odpowiada:

• Lokalna kompresja obrazu – wtyczka zoptymalizuje obrazy na twoim serwerze, w tym kompresję, zmianę rozmiaru i konwersję do WebP. W razie potrzeby możesz również serwować specjalne obrazy Retina.
• Optymalizacja na żywo + CDN – wtyczka będzie wyświetlać obrazy Twojej witryny za pośrednictwem CDN i optymalizować je w czasie rzeczywistym dla każdego odwiedzającego. Omówimy to podejście bardziej szczegółowo później .

Jednak w przypadku naszych danych testowych zastosowaliśmy podejście do lokalnej kompresji obrazu.

Ceny :

WP Compress oferuje bezpłatny plan, który pozwala zoptymalizować do 100 MB obrazów miesięcznie.

Następnie płatne plany zaczynają się już od 5 USD miesięcznie za 50 GB optymalizacji na żywo i/lub 10 000 obrazów lokalnych.

Wszystkie plany pozwalają na korzystanie z nieograniczonej liczby stron internetowych – jedynym ograniczeniem jest liczba optymalizacji.

Jak poradziła sobie wtyczka?

7. TinyPNG

TinyPNG to popularna usługa/wtyczka, która wbrew nazwie może optymalizować wszystkie typy formatów graficznych – nie tylko pliki PNG.

Możesz zoptymalizować obrazy bezpośrednio przez stronę internetową lub zainstalować wtyczkę WordPress do optymalizacji obrazu TinyPNG, aby automatycznie optymalizować obrazy podczas przesyłania ich do WordPress.

Jednak TinyPNG obsługuje tylko kompresję stratną – nie daje opcji bezstratnej, jak wiele innych wtyczek.

Dostępna jest również funkcja beta, która umożliwia udostępnianie obrazów witryny za pośrednictwem sieci CDN, chociaż nie testowaliśmy tej części wtyczki.

Ceny :

TinyPNG ma dość hojny darmowy plan, który pozwala zoptymalizować do 500 obrazów miesięcznie za darmo. Następnie ceny wahają się od 0,009 USD za obraz do 0,002 USD za obraz, w zależności od wykorzystania ( większe ilości oznaczają niższe ceny ).

Opłaty są naliczane tylko na podstawie faktycznego wykorzystania.

Jak poradziła sobie wtyczka?

*TinyPNG wykonuje tylko kompresję stratną.

Inne opcje wtyczek optymalizacji obrazu WordPress

Większość powyższych wtyczek do optymalizacji obrazu koncentruje się na optymalizacji obrazu statycznego. Oznacza to, że kompresują/zmieniają rozmiar obrazu i udostępniają ten sam zoptymalizowany obraz każdemu użytkownikowi.

Jednak w roku 2022 i później pojawi się nowy typ optymalizacji obrazu, który zyskuje na popularności — dynamiczna optymalizacja obrazu , zwana także obrazami adaptacyjnymi .

Dzięki takiemu podejściu wtyczka zoptymalizuje Twoje obrazy w czasie rzeczywistym i użyje sieci CDN, aby wyświetlić obraz zoptymalizowany dla każdego unikalnego gościa.

Na przykład ktoś, kto przegląda Twoją witrynę na ekranie 4K, otrzyma obraz o wyższej rozdzielczości niż ktoś przeglądający na smartfonie.

Działając dynamicznie, możesz zaoferować każdemu odwiedzającemu bardziej zoptymalizowane wrażenia użytkownika, jednocześnie zachowując możliwie jak najlżejsze obrazy.

Ze względu na dynamiczny charakter tych narzędzi trudno jest przetestować je w scenariuszu 1:1, dlatego nie uwzględniliśmy rzeczywistych danych testowych dla nich.

Jeśli jednak masz zróżnicowaną grupę odwiedzających korzystających z różnych urządzeń i przeglądających z różnych lokalizacji, myślę, że warto rozważyć jedno z tych dynamicznych narzędzi optymalizacyjnych.

Oto kilka popularnych opcji…

optymol

Optimole to opcja freemium, która dynamicznie optymalizuje Twoje obrazy i udostępnia je z wbudowanego Amazon CloudFront CDN.

Poza optymalizacją obsługuje także inne funkcje dynamiczne, takie jak przycinanie i znak wodny.

Dostępny jest ograniczony bezpłatny plan, który obsługuje do 5000 wizyt miesięcznie. Następnie płatne plany zaczynają się od ~ 19 USD miesięcznie za maksymalnie 25 000 wizyt.

Obrazy adaptacyjne ShortPixel (AI)

ShortPixel Adaptive Images to oddzielna wtyczka od ShortPixel, która wykorzystuje to dynamiczne podejście do optymalizacji, aby automatycznie wyświetlać zoptymalizowane obrazy z wbudowanego CDN.

Podobnie jak w przypadku Optimole, ma również inne funkcje, takie jak kadrowanie w czasie rzeczywistym i znak wodny.

Dostępna jest ograniczona bezpłatna wersja, która obsługuje do 500 MB przepustowości CDN miesięcznie. Następnie płatne plany zaczynają się od 3,99 USD miesięcznie za 7000 kredytów. Każdy kredyt jest równy 5 MB przepustowości CDN, co oznacza, że ​​ten plan zapewnia 3,5 GB przepustowości CDN.

Możesz udostępniać swoje kredyty między zwykłą wtyczką ShortPixel a obrazami adaptacyjnymi ShortPixel.

latające obrazy

Flying Images to całkowicie darmowa wtyczka WordPress do adaptacyjnych obrazów, która opiera się na Statically CDN, aby zapewnić bezpłatną dostawę CDN i optymalizację obrazu w czasie rzeczywistym.

Statycznie jest zasilany przez kombinację Cloudflare, BunnyCDN, Fastly i CDN77.

Pochodzi od tego samego twórcy wtyczki optymalizacyjnej FlyingPress, ale nie musisz używać FlyingPress, aby korzystać z Flying Images.

Ogólnie rzecz biorąc, jeśli potrzebujesz w 100% darmowego narzędzia, które nadal wykorzystuje podejście do adaptacyjnych obrazów, jest to najlepsza opcja, jaką znalazłem.

Która wtyczka do optymalizacji obrazu WordPress jest najlepsza?

Aby wybrać najlepszą wtyczkę do optymalizacji obrazu WordPress dla swojej witryny, musisz wziąć pod uwagę kilka różnych kwestii:

• Jakość optymalizacji – to, jak bardzo narzędzie jest w stanie zmniejszyć rozmiar twoich obrazów (bez zbytniego wpływu na jakość), jest oczywiście ważnym czynnikiem.
• Inne funkcje – poza kompresją możesz poszukać innych funkcji, takich jak konwersja WebP/AVIF lub obsługa Retina.
• Ceny – jeśli chcesz przekroczyć bezpłatne plany, różne narzędzia wykorzystują różne podejścia do ustalania cen, a jedno podejście może zaoferować lepszą wartość dla Twojej witryny.

Najpierw udostępnimy połączone tabele w celu poprawy jakości optymalizacji. Potem przejdę do innych myśli poza tym.

Porównanie kompresji bezstratnej JPEG