Optymalizacja obrazów? Optymalizacja grafiki i obrazów na stronie WordPressa to prosty i ważny krok do poprawy czasu ładowania. Tym bardziej zaskakujące jest to, jak wielu użytkowników WordPressa zamieszcza swoje oryginalne obrazy bez zastosowania środków optymalizacyjnych. Aby upewnić się, że nie popełnisz tego samego błędu, pokażę ci dzisiaj sześć popularnych wtyczek do WordPressa, które zajmują się całkowitą kompresją twoich obrazów.

Jako właściciel strony internetowej powinieneś zawsze zwracać uwagę na czas ładowania swojej witryny WordPress. W końcu szybszy czas ładowania ma pozytywny wpływ na doświadczenia użytkownika (UX) Twoich potencjalnych klientów, Twoją pozycję w wyszukiwarkach i najlepiej na konwersje.

Dlaczego optymalizacja obrazu w WordPressie?

Używanie wtyczek buforujących (lub buforowanie po stronie serwera), kompresja danych za pomocą gzip odlub Brotli, usunięcie niepotrzebnych wtyczek, przejście na protokół HTTPS i zmiana hostingu na szybszy to popularne sposoby na poprawienie czasu ładowania witryny WordPressa. Szczególnie w przypadku sklepów WooCommerce, które wymagają wielu zdjęć produktów, inne śruby są często podkręcane jako pierwsze, aby poprawić czas ładowania.

Ważnym elementem, który jest często pomijany w optymalizacji czasu ładowania strony, jest optymalizacja obrazów. Wiele osób nie wie, że gdy tylko załadujesz obraz do swojej biblioteki mediów, WordPress automatycznie tworzy trzy dodatkowe formaty: Duży (post image), średni i mały format (thumbnail).

Jeśli więc wydaje Ci się, że przesłałeś tylko jeden obrazek, to w rzeczywistości są to cztery nowe pliki, łącznie z meta informacjami, które serwer musi przetworzyć. Istnieją nawet motywy, które automatycznie generują 10 lub więcej rozmiarów obrazów.

Zmniejszanie obrazów to tylko pierwszy krok

Zmniejszenie rozmiaru oryginalnych obrazów za pomocą Photoshopa lub porównywalnego programu przed wysłaniem jest pierwszym środkiem optymalizacji. Jednakże, aby uzyskać jak najlepszy czas ładowania, powinieneś skompresować wszystkie obrazy na swojej stronie - w tym pliki graficzne generowane automatycznie przez WordPress .

Różnica między trybem bezstratnym a stratnym

Podczas kompresji obrazów istnieje różnica między kompresją stratną i bezstratną, co w zasadzie nie wymaga wyjaśnienia:

W przypadku kompresji bezstratnej różnica w jakości obrazu przed i po kompresji jest praktycznie niezauważalna. Często usuwane są głównie zbędne informacje meta pliku obrazu, aby zaoszczędzić niepotrzebne kilobajty. W przypadku kompresji stratnej jakość obrazu może ulec pogorszeniu ze względu na zmniejszenie liczby kolorów i rozdzielczości. Z drugiej strony, kompresja stratna pozwala zaoszczędzić znacznie więcej miejsca w pliku.

5 WordPress Plugins do optymalizacji obrazu

Zmniejszając rozmiar swoich oryginalnych zdjęć przed załadowaniem ich na stronę WordPress , jesteś już o krok przed wieloma. Jednakże, aby retroaktywnie zoptymalizować istniejącą bibliotekę multimediów i zautomatyzować kompresję nowych obrazów, Plugins jest najbardziej oczywistym rozwiązaniem. Dlatego dzisiaj chciałabym pokazać Ci pięć popularnych narzędzi WordPress Plugins , które pomogą Ci zoptymalizować Twoje zdjęcia. 

Optymalizacja obrazów WordPress za pomocą Smush

Aktywne instalacje: ponad 1 milion
Ocena: 4,8 gwiazdki (5 500 recenzji)
Wspierane formaty: JPG, PNG, GIF (Pro: konwersja do WebP)
Darmowe: Rozmiar obrazu maks. 5 MB, masowa kompresja maks. 50 obrazów
Kompresja: bezstratna (Free) i stratna (Pro)

Jak pokazuje ponad milion instalacji i ponad 5500 ocen, Smush autorstwa WPMU DEV jest jedną z najpopularniejszych wtyczek WordPressa do optymalizacji zdjęć. Smush jest dostępny w wersji darmowej i płatnej wersji Pro. Istnieje nawet możliwość używania Smush Pro jako osobnego narzędzia (bez członkostwa w WPMU DEV) za 60 dolarów rocznie.

Co oferuje darmowa wersja programu Smush?

Jak większość wtyczek, darmowa wersja Smush ma pewne ograniczenia. Na przykład w wersji bezpłatnej możesz kompresować tylko obrazy o rozmiarze do 5 MB. Dzięki Smush Pro nie ma ograniczeń co do rozmiaru obrazu i oczywiście innych funkcji Pro, takich jak nieograniczona optymalizacja zbiorcza, CDN, leniwe ładowanie czy obsługa WebP. Ponadto, według WPMU DEV, optymalizacja obrazów przebiega do 200% szybciej w wersji Pro.

Ponadto w wersji darmowej można dokonywać tylko kompresji bezstratnej. Najwyższy poziom kompresji "Super Smush", który wykorzystuje algorytm stratny, jest dostępny tylko w wersji Pro.

Optymalizacja obrazów dzięki EWW Image Optimizer

Aktywne instalacje: ponad 800,000
Ocena: 4.7 gwiazdek (1000 recenzji)
Obsługiwane formaty: JPG, PNG, GIF, PDF, WebP
Free: tylko na własnym serwerze (bez API)
Kompresja: możliwa bezstratna (Free) i stratna (Pro)

Co oferuje darmowa wersja EWW IO?

W przeciwieństwie do innych wtyczek z tej listy kompresja obrazów w darmowej wersji EWW Image Optimiser odbywa się na Twoim serwerze. Dzięki temu EWW IO jest szczególnie atrakcyjny dla wielu użytkowników z punktu widzenia ochrony danych. Aby jednak wtyczka działała, potrzebujesz funkcji exec(), której wielu hosterów nie udostępnia ze względów bezpieczeństwa. Dotyczy to również Raidboxes.

Twórcy EWWW IO wyjaśniają, na czym polega exec i wtyczka w tym artykule. Jeśli ze względów bezpieczeństwa (np. w Raidboxes) twój hosting nie umożliwia korzystania z funkcji exec, możesz odpłatnie skorzystać z taryfy chmurowej wtyczki.

Optymalizacja obrazów WordPress za pomocą Imagify

Aktywne instalacje: ponad 400,000
Ocena: 4.5 (955 recenzji)
Obsługiwane formaty: JPG, PNG, PDF, Gif, WebP
Free: Wielkość obrazu maks. 2 MB, ładowanie maks. 20 MB miesięcznie, konwersja do WebP
Kompresja: możliwa stratna i bezstratna

Co oferuje bezpłatna wersja Imagify?

Imagify to wtyczka firmy WP Media, która stoi za znaną wtyczką "WP Rocket". W wersji bezpłatnej ("Starter") możesz kompresować do 20 MB miesięcznie, co według Imagify odpowiada około 200 obrazom. Płatne plany to "Growth" za 4,99$ miesięcznie i limit 500 MB (około 5000 zdjęć) oraz "Infinite" za 9,99$ bez limitu.

Imagify oferuje trzy różne poziomy kompresji:

• Normalna: Jest to kompresja bezstratna. Widoczna jakość obrazu nie ulega więc zmianie.
• Agresywna: Ten poziom jest stratny, ale tylko z niewielką utratą jakości obrazu. Według Imagify, w większości przypadków strata ta jest prawie niezauważalna.
• Ultra: Jest to najsilniejszy poziom kompresji wtyczki, który odpowiednio pociąga za sobą straty jakości, ale pozwala zaoszczędzić najwięcej miejsca.

Optymalizacja obrazów WordPress za pomocą ShortPixel

Aktywne instalacje: ponad 300 000
Ocena: 4,6 gwiazdki (597 recenzji)
Obsługiwane formaty: JPG, PNG, GIF, PDF, WebP
Darmowy: 100 zdjęć miesięcznie
Kompresja: stratna, "błyszcząca" i bezstratna

Co oferuje darmowa wersja ShortPixel?

Darmowa wersja ShortPixel pozwala na kompresję 100 obrazów miesięcznie. Obrazy lub pliki, których Plugin nie może skompresować o więcej niż 5 procent, nie będą odliczane od limitu, aby być uczciwym. Dodatkowym plusem jest to, że nawet w darmowej wersji możliwa jest kompresja stratna i nie ma limitu wielkości przesyłanych zdjęć.

Dla tych, którzy chcą zoptymalizować więcej niż 100 zdjęć miesięcznie, Shortpixel oferuje siedem planów z różnymi limitami zdjęć: od 5,000 zdjęć za $3.99 miesięcznie do 16 milionów zdjęć za $1,000 miesięcznie. Trzy największe plany zawierają również ruch CDN w różnych limitach.

Optymalizuj z Compress JPEG & PNG Images

Aktywne instalacje: ponad 200 000
Ocena: 4,4 gwiazdki (139 recenzji)
Obsługiwane formaty: JPEG, PNG, APNG (animowany PNG)
Darmowy: 500 zdjęć miesięcznie
Kompresja: bezstratna

Co oferuje bezpłatna wersja programu Compress JPEG & PNG Images?

Compress JPEG & PNG Images to oficjalny dodatek do znanych narzędzi do kompresji online TinyPNG i TinyJPG. Dzięki wtyczce TinyPNG WordPress możesz za darmo skompresować 500 obrazów miesięcznie. Po osiągnięciu limitu zostaniesz poproszony o aktualizację i podanie danych do płatności. Nie ma klasycznych abonamentów, nie ma limitów wielkości plików i płacisz tylko za liczbę obrazów, które są rzeczywiście kompresowane. Jeśli znajdujesz się w górnym zakresie limitów, tańszą opcją może być model subskrypcji u innego dostawcy z nieograniczoną liczbą optymalizacji.

Optymalizacja obrazu za pomocą programu Optimus

Aktywne instalacje: ponad 60 000
Ocena: 4,2 gwiazdki (68 recenzji)
Obsługiwane formaty: JPEG, PNG (WebP z płatnej wersji Optimus HQ)
Free: Rozmiar obrazu maks. 100 KB
Kompresja: bezstratna dla PNG i "lekko stratna" dla JPEG

Co oferuje darmowa wersja Optimusa?

Optimus to wtyczka do optymalizacji obrazów od KeyCDN. Możesz korzystać z wtyczki w trzy różnych taryfach: Optimus (bezpłatnie), Optimus HQ (Premium) i Optimus HQ PRO (Premium). Ważnym ograniczeniem wersji darmowej jest maksymalny rozmiar pliku wynoszący 100 KB. W taryfie Premium limit rozmiaru wynosi 10 MB. Bezpieczne połączenie z serwerem za pomocą protokołu HTTPS, obsługa WebP i korzystanie z interfejsu API jest możliwe tylko z poziomu taryfy Optimus HQ. Z punktu widzenia ochrony danych Optimus ma jednak zdecydowaną przewagę - dane są przetwarzane na serwerach w Niemczech i usuwane natychmiast po zoptymalizowaniu zdjęć.

Wniosek: Optymalizacja obrazów za pomocą wtyczek oszczędza czas

I to nawet podwójnie: z jednej strony eliminujesz ręczny wysiłek związany z optymalizacją dla Ciebie i Twoich klientów, a z drugiej strony poprawiasz czas ładowania strony dzięki automatycznej kompresji obrazów. W czasach, gdy liczy się każda milisekunda, jeśli chodzi o szybkość strony, optymalizacja obrazów jest środkiem, który powinieneś maksymalnie wykorzystać.

Trudno jest udzielić ogólnej odpowiedzi, która wtyczka będzie dla Ciebie najlepszym rozwiązaniem. Ostatecznie zależy to od tego, jak wiele Twoich zdjęć wymaga późniejszej optymalizacji i jak wiele nowych jest dodawanych. Jeśli wrzucasz do biblioteki multimediów WordPressa tylko kilka zdjęć miesięcznie i dołączasz do nich pliki PDF, ShortPixel jest dobrym wyborem. Jeśli nie chcesz polegać na zewnętrznych serwerach w celu optymalizacji obrazów, a twój hosting pozwala na to, dobrym wyborem jest EWW IO. Dla firm, które regularnie tworzą treści i przesyłają wiele obrazów, WP Smush PRO może być warty uwagi, podobnie jak inne funkcje WPMU DEV.

Motto dla maksymalnej optymalizacji brzmi: "Podwójnie lepiej".

Jeśli chcesz poświęcić jak najmniej czasu na optymalizację swoich zdjęć, płatne wtyczki będą prawdopodobnie lepszym wyborem. Dzięki temu nie musisz ciągle martwić się o wyczerpane megabajty lub limity obrazów, a optymalizacja przebiega automatycznie w tle.

Osoby, które mogą poświęcić trochę więcej czasu i chcą maksymalnie wykorzystać kompresję, powinny nawet "podwójnie zoptymalizować". Jest to podejście, które stosujemy w Raidboxes tak często, jak to tylko możliwe. Jeszcze zanim prześlemy obraz do biblioteki multimediów, zmieniamy jego rozmiar do wymaganej wielkości i eksportujemy go w najmniejszej możliwej rozdzielczości. Na przykład w programie Photoshop istnieje możliwość zapisywania obrazów specjalnie do użytku w sieci. Polecenie do tego celu znajdziesz w "Plik" i "Zapisz dla sieci". Dodatkowo używamy Shortpixel w typie kompresji "Glossy", który automatycznie kompresuje każdy obrazek przesłany do WordPressa i usuwa niepotrzebne meta informacje.

Mam nadzieję, że na liście znajduje się odpowiedni dla Twoich potrzeb Plugin . Jeśli masz inne zalecenia dotyczące optymalizacji obrazu w WordPress , chętnie się z Tobą zapoznam.