Recenzja wtyczki: WP Squish WordPress Plugin

Opublikowany: 2019-06-20

Przestrzeń dyskowa i szybkość ładowania strony to dwie najważniejsze rzeczy dla każdej witryny, a obrazy są jednymi z największych przestępców. Zmniejszenie przestrzeni wymaganej przez obrazy bez poświęcania jakości obrazu ma kluczowe znaczenie. Jeśli używasz JPEG, jedną z doskonałych opcji jest wtyczka o nazwie WP Squish.

WP Squish to bezpłatna wtyczka firmy Aspen Grove Studios, która kompresuje pliki JPEG, zapewniając jednocześnie pełną kontrolę nad jakością kompresji nie tylko odmian utworzonych przez WordPress, ale także odmian utworzonych przez motywy WordPress.

Rzućmy okiem na WP Squish i zobaczmy, co potrafi.

Instalowanie WP Squish

Najpierw pobierz WP Squish ze strony internetowej Aspen Grove Studios. Zainstaluj i aktywuj wtyczkę jak zwykle. Nie wymaga żadnych kluczy, więc po aktywacji wtyczki będzie działać automatycznie przy domyślnych ustawieniach.

Ustawienia WP Squish

Nowy element menu zostanie dodany do menu Ustawienia na pulpicie WordPress o nazwie WP Squish. To menu zawiera opcje obrazu i ustawienia kompresji. Domyślnie opcje limitu rozmiaru są wyłączone, a jakość kompresji jest ustawiona na 75.

Opcje obrazu WP Squish

Masz możliwość określenia limitu rozmiaru obrazów. Określ dowolny rozmiar. Po włączeniu tej opcji wszystkie obrazy większe niż ten zostaną zmienione podczas przesyłania. Włączenie opcji Zawsze ponownie kompresuj obrazy JPEG w pełnym rozmiarze pozwoli na kompresję obrazów w pełnym rozmiarze tylko wtedy, gdy trzeba będzie zmienić ich rozmiar.

Ustawienia kompresji obrazu

Możesz ustawić jakość obrazu dla wszystkich obrazów razem lub dostosować każdy rozmiar obrazu niezależnie. Wprowadź wartość ręcznie lub użyj suwaka. Są to standardowe obrazy WordPress, które są tworzone podczas przesyłania obrazu.

Jeśli użyjesz suwaka dla wszystkich rozmiarów, zobaczysz liczbę w polu wraz ze strzałkami w górę iw dół, dzięki czemu możesz dostosować kwotę. Zobaczysz również, że wszystkie suwaki są zgodne z Twoim ustawieniem. W tym przypadku wszystkie są ustawione na jakość 51. Nawet jeśli ustawisz Wszystkie rozmiary, nadal możesz kontrolować każdy z nich z osobna.

Jest to szczególnie przydatne, jeśli chcesz ustawić większość na określoną wartość procentową, a następnie sterować kilkoma ręcznie. W tym przykładzie ustawiłem większość na jakość 60 i ręcznie ustawiłem dwa rozmiary obrazów na 70.

Możesz także kontrolować obrazy utworzone przez motywy. Obrazy w tym przykładzie zostały stworzone przez Divi.

Są one dodawane przez Extra. Dodaje więcej niż Divi ze względu na moduły w stylu magazynu.

Dodaje je temat Twenty Seventeen.

Przykłady WP Squish

Złapałem kilka zdjęć z Unsplash.com i wrzuciłem je bez kompresji i bez ograniczeń wymiarów. Następnie ustawiłem limit wymiarów i wrzuciłem je ponownie z kompresją ustawioną na różnych poziomach. Oto kilka porównań. Pierwsza runda używa domyślnego ustawienia jakości kompresji 75.
Jeśli spojrzymy na jeden z obrazów losowo, jest to oryginalny obraz o wymiarach 5184×3456 i rozmiarze pliku 5 MB.
Oto obraz o zmienionym rozmiarze bez kompresji. Ma rozdzielczość 1620×1080, a rozmiar pliku to 1 MB. Samo ograniczenie wymiarów znacznie zmniejszyło rozmiar pliku.
Oto ten sam obraz przesłany ponownie z włączoną kompresją do domyślnej jakości obrazu 75. Jego wymiary to 1620×1080, a rozmiar pliku to 107 kb.
Oto kolejny obraz bez kompresji i ograniczeń wymiarów. Jego wymiary to 6016×4016, a rozmiar pliku to 3 MB.
Wersja skompresowana to 1618×1080, a rozmiar pliku to 249 kb.
Zauważ, że wszystkie obrazy są ograniczone do wysokości 1080. Wróciłem do ustawień i usunąłem ograniczenie w pionie. Dzięki temu obraz może mieć dowolny rozmiar pionowy, ale ograniczony do rozmiaru poziomego.
Ten oryginalny obraz ma wymiary 5184×3456, a jego rozmiar pliku to 3 MB.
Obraz o zmienionym rozmiarze to 1920×1280, a rozmiar pliku to 252 KB.
Spójrzmy na kilka przykładów obok siebie. Obraz po lewej to oryginał o wymiarach 2963×3878, 4 MB. Obraz po prawej stronie został przeskalowany do jakości 75 przy 825×1080, 180 KB.
W tym przypadku obraz po lewej stronie jest oryginałem, a obraz po prawej został skompresowany do jakości 60. Ma rozmiar 825×1080, 135 KB.
W tym obraz po prawej został skompresowany do 50. Ma wymiary 825×1080, 117 KB.
W tym przypadku obraz po prawej stronie jest skompresowany z jakością 20. To 825×1080, 64 KB. Nawet na tym poziomie jakości obraz jest w pełni użyteczny. Ta jakość będzie się różnić w zależności od wielu czynników związanych z Twoimi zdjęciami. Jeśli to zdjęcie miało większy rozmiar, niższa jakość może być bardziej oczywista. Polecam 60-75 jako standard, a następnie eksperymentowanie, aby zobaczyć, co działa najlepiej.
Oto zdjęcie tukana. Obraz po lewej to oryginał o rozdzielczości 5184×3456, 5 MB. Obraz po prawej jest skompresowany z jakością 20. Ma 1620×1080, 40 KB. Różnice są na tyle niewielkie, że muszę się dokładnie przyjrzeć, aby je dostrzec, a nawet wtedy skompresowane zdjęcie wygląda świetnie.
Oto średni rozmiar oryginału po lewej stronie bez kompresji, 75 pośrodku i 60 po prawej.
Oto przykład dwóch zestawów miniatur, w których oba zestawy są wyświetlane od lewej do prawej: 100, 75 i 60.
Przyjrzyjmy się kilku dużym obrazom. Ta pokazuje dużą wersję oryginału na górze, a wersja na dole ma jakość 60.
Ten pokazuje dużą wersję oryginału na górze. Wersja na dole ma jakość ustawioną na 40.
Ta pokazuje dużą wersję, 4 MB, oryginału na górze i 40 w jakości, 251 KB, na dole. Widać, że chmury po lewej zaczynają się pokazywać w niższej jakości. Lata 40. faktycznie agresywne pod względem kompresji obrazu. Gdzieś w zakresie 60-75 wydaje się być najlepszymi opcjami i nadal znacznie zmniejszają rozmiar pliku.
Ten używa jakości 60. Nieźle jak na obraz o rozmiarze 324 KB.

Końcowe myśli

WP Squish jest nie tylko łatwy w użyciu, ale także pozwala zaoszczędzić mnóstwo miejsca na serwerze WordPress. Oznacza to również, że Twoje strony ładują się szybciej, a Twoi odwiedzający chętniej będą czekać, dopóki Twoje strony nie załadują się w ich przeglądarkach. Poziom kompresji w porównaniu do jakości jest niesamowity. W tym artykule są one jeszcze bardziej skompresowane, ale obrazy powinny nadal opowiadać historię.

Podoba mi się, że każdy typ obrazu można dopasować indywidualnie. Podoba mi się również, że możesz ograniczyć ogólne wymiary i mieć obrazy, które są większe niż twój limit, aby automatycznie zmieniać rozmiar do tego limitu. Dzięki temu nie musisz zmieniać rozmiaru zdjęć za każdym razem, gdy chcesz coś przesłać (o czym zwykle zapominam).

WP Squish to doskonała wtyczka do kompresji JPEG i jest to łatwa do polecenia wtyczka. Jeśli potrzebujesz darmowej wtyczki do kompresji plików JPEG i ograniczania ich wymiarów podczas przesyłania do WordPressa, warto wypróbować WP Squish.

Czy próbowałeś WP Squish? Daj nam znać, co o tym myślisz w komentarzach.