Wtyczka ShortPixel: potężny optymalizator obrazu

SHORTPIXEL

ShortPixel to firma z siedzibą w Rumunii, która ma ponad 300 000 aktywnych instalacji WordPress. Ta wtyczka jest kompatybilna z plikami JPEG, PNG, GIF i PDF, z możliwością tworzenia wersji WebP i / lub AVIF swoich obrazów. Optymalizacja obrazu ma znaczący wpływ na Core Web Vitals, a tym samym pomaga poprawić ranking stron internetowych w wynikach wyszukiwania.

Instalacja wtyczki ShortPixel

Najprostszym sposobem jest pobranie wtyczki ze strony Shortpixel.com. Wymagane będzie podanie zwykłego e-maila. Do skorzystania z darmowego pakietu, który uprawnia do optymalizacji 100 zdjęć miesięcznie nie jest wymagana karta płatnicza. Otrzymasz swój klucz API, a następnie będziesz musiał wpisać nazwę domeny swojej strony.

Możliwe jest również pobranie wtyczki z pulpitu nawigacyjnego WordPress, przejdź do zakładki “wtyczki”, kliknij “Dodaj nowy”, a następnie wpisz “ShortPixel” w pasku wyszukiwania. Istnieją inne wtyczki opublikowane przez firmę, więc wybierz pierwszy wyświetlony wynik: “ShortPixel Plugin Optimizer”. Następnie kliknij na “Install Now” (“zainstaluj teraz”) i “Activer” (“aktywuj”). Po aktywacji zostaniesz następnie poproszony o utworzenie konta, aby użyć wtyczki. Na koniec należy skopiować i wkleić klucz API, który otrzymaliśmy drogą mailową.

Instalacja wtyczki ShortPixel WordPress - konto e-mail i klucz API
Instalacja wtyczki ShortPixel WordPress - ważny klucz API

Optymalizacja obrazów

Po skonfigurowaniu wtyczka będzie automatycznie optymalizować nowe obrazy, które są przesyłane w miarę tworzenia publikacji. Możesz jednak zoptymalizować niezoptymalizowane zdjęcia, które już znajdują się na Twoim blogu.

Dla tych obrazów, które są już na blogu, istnieje wybór między optymalizacją pojedynczego obrazu lub grupy obrazów, przechodząc do menu Media > Biblioteka i klikając przycisk (Optymalizuj teraz) w prawej kolumnie ekranu. Możliwe jest również optymalizowanie obrazów partiami, przechodząc do menu Media > Bulk ShortPixel. Możesz także przejść do menu ustawień wtyczki i kliknąć link Bulk Optimisation.

Możesz dopracować ustawienia, korzystając z opcji w zakładce Ustawienia, lub skompresować obrazy bezpośrednio w hurtowni.

SHORTPIXEL Logo

Masowa kompresja obrazów

Jest to bardzo prosta operacja umożliwiająca kompresję wszystkich istniejących obrazów w ramach jednej operacji.

  1. Wybór obrazu. Następnie kliknij na “Calculate” (“Oblicz”).
  2. Podsumowanie: Jest to podsumowanie całkowitej liczby obrazów oraz, jeśli dotyczy, utworzenie wersji WebP i/lub wersji AVIF obrazów. Następnie kliknij na “Start bulk optimisation” (“Rozpocznij masową optymalizację”).
  3. Optymalizacja obrazu: możliwe jest wtedy monitorowanie optymalizacji każdego obrazu w czasie rzeczywistym. Program zostanie zatrzymany po osiągnięciu limitu zdjęć.
  4. Wyniki kompresji.
ShortPixel ShortPixel Image Optimizer - Masowe przetwarzanie -Selekcja obrazów
Plugin ShortPixel Image Optimizer - przetwarzanie masowe - podsumowanie
Plugin ShortPixel Image Optimizer - Przetwarzanie zbiorcze -. optymalizacja obrazu

1/ Ustawienia ogólne ShortPixel

Aby uzyskać dostęp do ustawień wtyczki z panelu sterowania WordPress, przejdź do zakładki Ustawienia > ShortPixel.

Instalacja wtyczki ShortPixel WordPress - ustawienia ogólne

– Wybór rodzaju kompresji obrazu

Aby rozpocząć, wybierz typ kompresji :

  • Lossless: obraz jest kompresowany bez utraty jakości, co może prowadzić do wydłużenia czasu ładowania stron internetowych.
  • Lossy: Obraz jest kompresowany z niewielką utratą jakości. Kompresja Lossy jest znacznie bardziej wydajna przy tworzeniu lekkich obrazów, a przez większość czasu utrata jakości nie jest widoczna gołym okiem, więc jest to doskonały wybór.
  • Glossy: Kompresja Glossy to stratny algorytm optymalizacji skalibrowany do potrzeb fotografa. Jest to zalecany tryb kompresji dla większości przypadków użycia, ponieważ oferuje najlepszą równowagę między optymalizacją a jakością obrazu.

– Kompresja miniatur :

Zdecyduj czy kompresja ma dotyczyć również miniatur (“Include thumbnails as well”): jeśli zaznaczysz to pole, ShortPixel zoptymalizuje zarówno duże obrazy jak i miniatury z nimi związane. Jeśli korzystasz z darmowej wersji wtyczki, jesteś ograniczony do 100 obrazów miesięcznie, a kwota może szybko zostać wyczerpana, jeśli zawierasz duże obrazy i miniatury. Radzę ustawić tę opcję na “OFF”, aby optymalizować tylko duże obrazy. Oczywiście będzie można aktywować tę opcję później.

– Zapisywanie oryginalnych obrazów

Na początek i jako środek zapobiegawczy zalecam włączenie opcji “Create a Backup of the origina images” (“Utwórz kopię zapasową obrazów origina”) przy pierwszym użyciu wtyczki. Dzięki temu możesz stworzyć kopię zapasową każdego oryginalnego obrazu na swojej stronie, przed optymalizacją. Jeśli nie jesteś zadowolony z działania ShortPixel, możesz łatwo odzyskać swoje oryginalne obrazy.

Wreszcie, jeśli stwierdzisz, że optymalizacja działa prawidłowo, możesz wyłączyć opcję, aby uniknąć niepotrzebnego przechowywania dwóch zestawów obrazów (oryginalnych i skompresowanych).

– Usuwanie danych EXIF

Dane EXIF to informacje dodane do zdjęcia, które dostarczają szczegółów takich jak data i godzina wykonania zdjęcia, użyte ustawienia, prawa autora itp. W większości przypadków zapisywanie tych szczegółów nie jest konieczne, aby korzystać z obrazów w standardowym formacie internetowym, zwłaszcza że ShortPixel informuje nas, że usunięcie tych danych poprawia kompresję obrazów o 8,5%.

– Zmiana rozmiaru dużych obrazów

Wreszcie, opcja “Resize large images” pozwala automatycznie zmienić rozmiar wszystkich obrazów, które przekraczają określony rozmiar pikseli. Na przykład, jeśli jesteś przyzwyczajony do przesyłania obrazów bez zmiany ich rozmiaru, możesz mieć pliki o rozmiarze 4000 X 2500 pikseli, które są zdecydowanie zbyt duże i mają rozmiar kilku Mb. ShortPixel może automatycznie zmienić ich rozmiar na mniejszy i mówi nam, że może to poprawić kompresję nawet o 80%.

Na koniec nie zapomnij zapisać swoich ustawień, klikając na “Save Changes” (“Zapisz zmiany”). Ale możliwe jest również kliknięcie “Zapisz i przejdź do przetwarzania zbiorczego”, jeśli chcesz zoptymalizować obrazy bezpośrednio, bez dokonywania dalszych dostosowań (Ustawienia zaawansowane i Cloudflare API).

2/ Ustawienia zaawansowane ShortPixel

Instalacja wtyczki ShortPixel WordPress - ustawienia zaawansowane

– Tworzenie wersji WebP i/lub AVIF

Opracowany przez Google format WebP zapewnia bezstratnie skompresowane obrazy, które są o około 30% lżejsze niż PNG lub JPEG.

Jeśli chodzi o format AVIF, to jest on najnowszy (2019) i jest open-source. Zaletą formatu AVIF jest to, że jest on o 50% lżejszy od formatu JPEG, przy zachowaniu tej samej jakości obrazu.

Instalacja wtyczki ShortPixel WordPress - ustawienia zaawansowane

– Inne ustawienia:

  1. Optymalizacja mediów podczas pobierania,
  2. Optymalizacja plików PDF i ich miniatur,
  3. Optymalizacja obrazów Retina,
  4. Zoptymalizuj pozostałe miniatury,
  5. Konwersja obrazów PNG na JPEG,
  6. Konwersja z CMYK na RGB,
  7. Opcja wykluczenia obrazów na podstawie określonych kryteriów, na przykład rozmiaru,
  8. Możliwość tworzenia niestandardowych folderów mediów,
  9. Poświadczenia dostępu do strony internetowej chronionej uwierzytelnieniem HTTP AUTH.

3/ API Cloudflare

Instalacja wtyczki ShortPixel WordPress - ustawienia Cloudflare

Jeśli używasz Cloudflare na swojej stronie, zaleca się wypełnienie dwóch pól:

  • Zone ID (Możesz go znaleźć na swoim koncie Cloudflare w sekcji “Przegląd” swojej domeny).
  • Token Cloudflare.

Ta informacja pozwoli ShortPixelowi na synergiczną współpracę z Cloudflare, dzięki czemu wszelkie obrazy zoptymalizowane lub przywrócone przez ShortPixel będą automatycznie aktualizowane w Cloudflare CDN.

4/ Narzędzia

Narzędzia te związane są z przetwarzaniem danych ze starych wersji, usuwaniem danych i tworzeniem kopii zapasowych:

  • Konwersja danych dla wersji wcześniejszych niż 5.0. Ta konwersja przyspieszy działanie wtyczki i zapewni zachowanie wszystkich danych.
  • Usuń kolejki: Usuwa wszystkie oczekujące lub będące w toku pozycje ze wszystkich kolejek. Zatrzymuje to wszystkie procesy optymalizacyjne w całej instalacji.
  • Bulk Restore: cofnięcie wszystkich optymalizacji i przywrócenie wszystkich zapisanych obrazów do ich pierwotnego stanu. Wykorzystane kredyty nie zostaną zwrócone i będziesz musiał ponownie zoptymalizować swoje zdjęcia.
  • Usuń dane dziedzictwa: usuwa dane dziedzictwa (stary format przechowywania informacji o optymalizacji obrazu w bazie danych, który był używany przed wersją 5). Może to spowodować utratę danych. Nie zaleca się robienia tego ręcznie.
  • Usuń wszystkie dane: usuwa wszystkie dane ShortPixel (w tym kopie zapasowe) i wyłącza wtyczkę. Twoje obrazy nie zostaną zmienione (zoptymalizowane obrazy pozostaną), ale przy następnym uruchomieniu ShortPixel nie będzie już rozpoznawał poprzednich optymalizacji.
  • Usuwanie kopii zapasowych: gdy kopie zapasowe są włączone, oryginalne obrazy są przechowywane w folderze kopii zapasowych. Jeśli usuniesz folder kopii zapasowej, nie będziesz mógł ponownie przywrócić lub zoptymalizować zdjęć. Zaleca się zachowanie kopii folderu kopii zapasowej (/wp-content/uploads/ShortpixelBackups/).

Cennik: zakup pakietu lub abonamentu

ShortPixel to doskonałe i dobrze zaprojektowane rozszerzenie kompresji obrazu, ale darmowa wersja jest ograniczona do 100 obrazów na miesiąc. Masz dwie opcje, aby zoptymalizować więcej obrazów:

  1. Jeśli kupisz kredyty, możesz je wykorzystać kiedy tylko chcesz, w zależności od potrzeb.
  2. Wybierz abonament: będzie on uprawniał Cię do wyższego miesięcznego limitu optymalizacji niż wersja darmowa.

W każdym razie, twoje kredyty mogą być wykorzystane na jednej lub kilku stronach, co uważam za niezwykle wygodne. Możesz łatwo sprawdzić, które kredyty są jeszcze dostępne.

Ceny wtyczki ShortPixel Image Optimizer - zakup jednorazowy
Ceny wtyczki ShortPixel Image Optimizer - subskrypcja miesięczna lub roczna
SHORTPIXEL Logo Complete

Wniosek

ShortPixel jest jedną z najlepszych wtyczek do kompresji i optymalizacji obrazu, stosunek ceny do wydajności jest naprawdę doskonały. Ta wtyczka oferuje wiele możliwości optymalizacji dzięki wielu prostym i praktycznym opcjom, a także przyspieszy czas ładowania stron dowolnej witryny.

W zakresie funkcjonalności można więc skorzystać z

  • optymalizacja klatka po klatce,
  • optymalizacji partii,
  • masowe przetwarzanie obrazów,
  • tworzenie obrazów w formacie WebP i AVIF.

Wszystko to za pomocą jednej wtyczki, dzięki czemu unikamy uciążliwej konfiguracji WordPressa.

Często zadawane pytania

Jakie są zalety wersji Adaptive Images w ShortPixel?

Wersja Adaptive Images serwuje obrazy z globalnej sieci CDN i zmienia rozmiar obrazów, aby dopasować je do urządzenia użytkownika.

Czy ShortPixel jest lepszy niż inne wtyczki do optymalizacji obrazu, np. Smush, Imagify lub Optimole)?

ShortPixel to nowsza wtyczka do optymalizacji obrazu, która ma na celu bycie najbardziej wydajną i przyjazną dla użytkownika opcją dostępną. W porównaniu z innymi wtyczkami, ShortPixel może pochwalić się szybszym czasem przetwarzania, bardziej niezawodnymi wynikami i łatwiejszymi dostosowaniami.

Jeśli przestanę używać ShortPixel, czy moje zdjęcia pozostaną zoptymalizowane?

Jeśli przestaniesz używać ShortPixel, Twoje nowe zdjęcia nie będą już optymalizowane, ale te, które już zoptymalizowałeś, pozostaną takie.

Której wtyczki powinienem użyć: “ShortPixel Adaptative Images” lub “ShortPixel Image Optimizer”?

Jeśli Twoja strona ma odbiorców krajowych, możesz być zadowolony z wersji “Image Optimizer”. Wersja “Adaptative Images” jest zalecana, jeśli Twoi odbiorcy są międzynarodowi, będziesz mógł wtedy skorzystać z wydajności ShortPixel CDN.

Philippe

Have a Passion about Technology, Photography and Writing. Codetahiche.com is my personal blog about WordPress Plugins, WordPress Themes, VPN and Web Hosting.

Dodaj komentarz