TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

6 najlepszych wtyczek do optymalizacji obrazów dla WordPress

32

Szybkość strony internetowej jest jednym z ważnych czynników, aby uzyskać najwyższą pozycję w Google. Liczy się każda sekunda, zwłaszcza przy zwiększonym wykorzystaniu urządzeń mobilnych. WordPress jest znany ze swojej wydajności i wszechstronności. Jednak dodanie zbyt wielu elementów nadal spowoduje powolne ładowanie witryny WordPress. Niektóre motywy mogą sprawić, że Twoja witryna będzie wyglądać ładnie i elegancko, ale często zawierają wiele wysokiej jakości obrazów, których ładowanie trwa dłużej. Dlatego jeśli chcesz, aby Twoja strona działała szybciej, optymalizacja obrazu odgrywa ważną rolę.

Jakie dane zawiera obraz?

Cóż, większość z nas nie zdaje sobie sprawy, że obrazy zawierają również dane. Nazywa się to danymi EXIF ​​lub plikami obrazu wymiany. Niektóre dane EXIF ​​​​można sprawdzić podczas przeglądania właściwości obrazu w systemie Windows lub macOS. Poniżej znajduje się przykładowe zdjęcie wykonane za pomocą iPhone’a 6. Możesz wyświetlić pełne szczegóły urządzenia, przysłonę, ekspozycję itp. Podczas przeglądania na MacBooku.

6 najlepszych wtyczek do optymalizacji obrazów dla WordPress

Dane EXIF ​​zdjęcia zrobionego za pomocą iPhone’a

Dla zwykłego właściciela witryny wszystkie te dane na obrazach są zbędne i wcale nie są wymagane. Dlatego możesz skompresować i usunąć te dane, aby zmniejszyć rozmiar obrazów przed przesłaniem ich do swojej witryny.

Jakie inne czynniki wpływają na szybkość strony?

Oprócz danych EXIF ​​​​obrazów istnieje wiele innych czynników, które wpływają na szybkość strony.

Dlaczego powinieneś używać wtyczek do optymalizacji obrazu?

WordPress domyślnie nie oferuje żadnego mechanizmu optymalizacji przesyłanych obrazów. Masz następujące opcje optymalizacji obrazów w WordPress:

  • Użyj narzędzi takich jak Photoshop, aby zapisać w skompresowanym formacie internetowym.
  • Optymalizacja za pomocą narzędzi online.
  • Użyj wtyczki podczas instalacji WordPressa.

Dwie pierwsze opcje, choć łatwe w użyciu, są czasochłonne w przypadku dużej liczby obrazów. Powinieneś również skorzystać z rozwiązań offline, aby zoptymalizować obrazy przed przesłaniem ich na swoją stronę. Jest to trochę niemożliwe dla zwykłego użytkownika, który regularnie publikuje. Dlatego najprościej jest skorzystać z gotowych wtyczek przeznaczonych do tego celu.

Ponadto wtyczki zawierają najbardziej wymagające funkcje Google, takie jak leniwe ładowanie i udostępnianie obrazów w najnowszym formacie, takim jak WebP. Dzięki wtyczkom do kompresji obrazu możesz także zoptymalizować istniejące obrazy w bibliotece multimediów, aby zmniejszyć ich rozmiary bez znacznego pogorszenia ich jakości.

Ostrzeżenie przed użyciem wtyczek

Zapamiętaj poniższe punkty, zanim zainstalujesz wtyczkę w swojej aktywnej witrynie:

  • Wtyczki do kompresji obrazu są ze względu na naturę bardzo obciążające serwer. Kiedy może zajść potrzeba skompresowania setek obrazów, upewnij się, że masz wystarczającą pojemność serwera, aby to zrobić. W przeciwnym razie Twoja firma hostingowa może zablokować lub zamknąć Twoje konto za zużywanie większych zasobów serwera.
  • Większość darmowych wtyczek nie zachowuje oryginalnego obrazu. Oznacza to, że w przypadku problemów utracisz oryginalny obraz.
  • Pamiętaj, aby przetestować funkcje wtyczki na serwerze testowym, zwłaszcza jeśli wybierasz kompresję stratną i inny format. W przeciwnym razie możesz utracić oryginalny obraz bez możliwości cofnięcia się.
  • Jeśli prowadzisz witrynę fotograficzną lub dane EXIF ​​obrazu są dla Ciebie bardzo ważne, wypróbuj rozwiązania offline zamiast korzystać z wtyczek. Powinieneś zrezygnować z szybkości witryny na rzecz wysokiej jakości/dużych obrazów.

Co najważniejsze, niektóre firmy hostingowe, takie jak SiteGround, oferują dedykowane wtyczki lub ustawienia serwera do optymalizacji obrazów. W takim przypadku nie masz innej wtyczki wykonującej tę samą optymalizację.

6 najlepszych wtyczek do optymalizacji obrazu dla WordPress

Oto niektóre z popularnych wtyczek do optymalizacji i kompresji obrazu, które możesz wypróbować.

1 WP Smush

WP Smush to częściowo darmowa wtyczka do optymalizacji obrazu. Wersja premium zawiera dodatkowe funkcje jako miesięczna subskrypcja.

  • Podobnie jak inne wtyczki optymalizacyjne, możesz automatycznie kompresować obrazy podczas przesyłania na stronę.
  • Możesz sprawdzić wyniki optymalizacji dla każdego obrazu lub łącznie.
  • W przypadku bezpłatnej wersji WP Smush możesz zbiorczo optymalizować tylko do 50 plików graficznych na raz. Możesz także przejść do Biblioteki multimediów i indywidualnie zoptymalizować dowolny obraz. Możesz to zrobić, klikając przycisk Smush pokazujący się na obrazie.
  • Wtyczka oferuje również funkcję leniwego ładowania, która poprawia szybkość witryny w narzędziu Google PageSpeed ​​Insights.
  • WP Smush domyślnie używa bezstratnej metody optymalizacji, aby utrzymać jakość. Wersja premium oferuje stratną metodę optymalizacji, aby jeszcze bardziej zmniejszyć rozmiar pliku z bardzo niewielkim pogorszeniem jakości. Dzięki optymalizacji stratnej możesz zmniejszyć rozmiar pliku nawet o 50 procent, jednocześnie zapewniając, że obrazy nadal będą wyglądać atrakcyjnie.

Sprawdź naszą szczegółową recenzję WP Smush więcej szczegółów.

2 Optymalizator obrazu EWWW

EWWW Image Optimizer natychmiast optymalizuje pliki GIF, PNG i JPG w bibliotece multimediów. Jest to bardzo wygodne, jeśli masz już setki obrazów w swojej witrynie, które zajmują miejsce na serwerze i spowalniają wydajność. Proces optymalizacji odbywa się na serwerze, dzięki czemu zostanie zakończony szybciej. Zoptymalizowanie dowolnego pliku obrazu o rozmiarze mniejszym niż 1 MB zajmuje tylko kilka sekund. Jednak początkujący mogą napotkać trudności podczas instalacji i konfiguracji EWWW Image Optimizer. Na przykład wtyczka może tworzyć tabele bazy danych do przechowywania danych. Te tabele nie zostaną usunięte, nawet jeśli usuniesz wtyczkę. Dlatego przeczytaj poprawnie dokumentację wtyczki i zrozum, jak to działa.

Optymalizator obrazu 3 ShortPixel

ShortPixel Image Optimizer jest znany z atrakcyjnego interfejsu użytkownika. Po włączeniu wtyczki automatycznie zoptymalizuje ona wszystkie pliki GIF, PNG i JPG w bibliotece multimediów. Możesz wykonać zbiorczą optymalizację lub indywidualnie kompresować obrazy w bibliotece multimediów. Domyślnie ShortPixel Image Optimizer używa bezstratnej metody kompresji, ale możesz również wybrać kompresję stratną, aby bardziej agresywnie zmniejszyć rozmiar pliku. Możesz zachować dane EXIF ​​​​z plików obrazów lub całkowicie je usunąć. Możesz wykonać kopię zapasową wszystkich obrazów w bibliotece multimediów. Darmowa wersja wtyczki pozwala skompresować do 100 obrazów miesięcznie, a wersja płatna kompresuje więcej obrazów.

4 TinyPNG Skompresuj obrazy JPG i PNG

Kompresuj obrazy JPG i PNG od TinyPNG oferuje bardziej drastyczny sposób optymalizacji biblioteki multimediów. Oferuje tylko stratną technikę kompresji, aby znacznie zmniejszyć rozmiary plików, przy jednoczesnym zachowaniu jakości. Strona konfiguracji wtyczek pozwala na wiele rzeczy, takich jak określenie maksymalnej rozdzielczości. Możesz także wybrać wstępne ustawienia obrazu, takie jak miniatura, mały, średni i duży. Chociaż ta wtyczka ma wiele ograniczeń, nadal dość dobrze wykonuje swoje zadanie.

Darmowa wersja pozwala zoptymalizować około 100 zdjęć miesięcznie.

5 Niepoczytalność

Imsanity to całkowicie darmowa wtyczka z ponad 300 000 aktywnych instalacji. Wtyczki automatycznie zmienią rozmiar większych obrazów, aby dopasować je do wyświetlania przeglądarki. Możesz także kompresować obrazy zbiorczo lub selektywnie kompresować określone obrazy. Pozwala dostosować jakość, wysokość i szerokość zoptymalizowanych obrazów. Jedną z dodatkowych funkcji niedostępnych w wielu wtyczkach jest to, że wtyczka Imsanity konwertuje również BMP na JPG, aby zmienić rozmiar obrazów.

6 Zmień rozmiar obrazu po przesłaniu

Resize Image After Upload to krótsza wersja wtyczki zespołu ShortPixel. Ogólnie rzecz biorąc, gdy prześlesz większe obrazy na swoją stronę internetową, wizualnie się zmniejszą. Jednak obraz jest nadal większy, nie zmniejszając go pod względem rozdzielczości i rozmiaru pliku. Wpłynie to na szybkość witryny, ponieważ oryginalne obrazy są nadal większe. Dlatego lepiej będzie używać obrazów o rzeczywistym rozmiarze pasującym do Twojego układu. Rozwiązaniem jest ustalenie maksymalnej wysokości i szerokości obrazów, aby zmniejszyć rozmiar pliku. Ta wtyczka dokładnie to robi, zmieniając rozmiar większych obrazów PNG, GIF i JPEG. Możesz także skompresować już przesłane obrazy i przekonwertować PNG na JPEG, aby zmniejszyć rozmiar.

Wniosek

W dzisiejszych czasach szybkość witryny jest ważna dla SEO, a optymalizacja obrazu i kompresja jest kluczowym czynnikiem. Każda wtyczka optymalizacji obrazu ma określone funkcje. Dlatego musisz przeczytać dokument, przetestować i wybrać wtyczkę odpowiednią do swoich potrzeb.

Źródło nagrywania: www.webnots.com

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów