Przewodnik po Google Squoosh.App

Chcesz skompresować i zoptymalizować obrazy w swojej witrynie, aby poprawić wydajność witryny? Narzędzie do kompresji obrazu Google Squoosh.App może być dla Ciebie świetną opcją. W tym artykule omówimy, czym jest Squoosh, jak z niego korzystać i jak może pomóc właścicielom witryn zoptymalizować ich witryny, aby zapewnić użytkownikom jak najlepsze wrażenia.

Co to jest Squoosh.App?

Google Squoosh.App to aplikacja do kompresji obrazów typu open source stworzona przez GoogleChromeLabs. Squoosh jest oparty na przeglądarce i zaprojektowany specjalnie do kompresji dużych obrazów w celu szybszego ładowania w dowolnej przeglądarce internetowej. Aplikacja jest bezpłatna dla każdego i działa zarówno online, jak i offline w każdej głównej przeglądarce, takiej jak Chrome, Firefox i Safari.

Squoosh działa na GitHubie w ramach większego projektu eksploracyjnego mającego na celu optymalizację strony internetowej. Ponieważ duże obrazy o wysokiej rozdzielczości mogą spowolnić ładowanie witryny i być częścią niższych rdzeni w różnych podstawowych wskaźnikach internetowych, Google postawił sobie za cel pomaganie właścicielom witryn w kompresowaniu obrazów w celu uzyskania lepszej wydajności witryny i optymalnej szybkości przeglądania.

Ekran Squoosh jest podzielony, dzięki czemu użytkownicy mogą zobaczyć wyniki kompresji obrazu przed i po. To narzędzie daje wgląd w często pomijalne różnice — jeśli w ogóle są zauważalne — między obrazem oryginalnym a skompresowanym. Jednak obrazy, które zostały skompresowane i zoptymalizowane pod kątem szybkości, przyczyniają się do skrócenia czasu ładowania i lepszego doświadczenia użytkownika. Mogą nawet pomóc poprawić Twój ranking SEO.

Kompresowanie obrazu w Squoosh jest szybkie i łatwe, a użytkownicy mogą pobrać skompresowane obrazy zaraz po edycji. Przyjrzyjmy się teraz, jak korzystać z aplikacji.

Jak korzystać z aplikacji Squoosh.

Chcesz skompresować obraz w Squoosh? Jest to intuicyjny, prosty proces, który jest tak prosty, jak przesłanie, edycja, a następnie zapisanie obrazu zoptymalizowanego pod kątem internetu.

Najpierw otwórz nowe okno przeglądarki i przejdź do https://squoosh.app/.

Następnie możesz przesłać lub przeciągnąć i upuścić własny obraz do edytora. (Niestety nie będzie można pracować w partiach, więc wybieraj jeden obraz na raz.)

Twój obraz przed znajduje się po lewej stronie suwaka, a obraz po po prawej stronie. Powiększ i pomniejsz za pomocą narzędzia powiększania w dolnej środkowej części ekranu.

Alternatywnie możesz wybrać jeden z obrazów znajdujących się na dole ekranu, aby zobaczyć, jak działa edytor.

Po przesłaniu obrazu możesz zacząć dostosowywać go za pomocą interfejsu przeglądarki. Suwak porównania pokaże różnicę między oryginalnym obrazem a skompresowanym obrazem, dzięki czemu możesz utrzymać poziom jakości obrazu potrzebny do projektu.

Pole kompresji w lewym dolnym rogu ekranu domyślnie pokazuje oryginalny obraz. Możesz użyć menu rozwijanego, aby wyświetlić różne opcje obrazu:

• AVIF
• Przeglądarka JPEG
• Przeglądarka PNG
• JPEG XL (beta)
• MozJPEG
• OxiPNG
• WebP
• WebP v2 (niestabilny)

Edycja obrazu w Squoosh

W prawym dolnym rogu ekranu zobaczysz menu Edytuj. Jeśli zdecydujesz się zmienić rozmiar obrazu lub zmniejszyć paletę kolorów obrazu, możesz wybrać te opcje, aby wyświetlić rozszerzone menu.

Jeśli chodzi o zmianę rozmiaru obrazu za pomocą Squoosh, masz do wyboru wiele zmiennych. Możesz:

• Wybierz konkretną metodę i ustawienie wstępne zmiany rozmiaru
• Ręcznie zresetuj szerokość i wysokość obrazu
• Wybierz, czy chcesz zachować liniowy RGB i proporcje
• Wybierz, czy wstępnie pomnożyć kanał alfa

Dodatkowo możesz wybrać, czy chcesz zmniejszyć paletę kolorów obrazu, aby poprawić wydajność witryny. Użyj suwaków pod nagłówkiem Zmniejsz paletę, aby zmniejszyć kolory i dithering.

Następnie nadszedł czas na kompresję obrazu. Możesz wybrać jedną z trzech opcji:

• OptiPNG, konwerter PNG używany do oryginalnych obrazów w formatach TIFF, BMP, PNG, GIF i PNM (inna forma obrazu bitmapowego). Ta opcja kompresuje i optymalizuje obrazy bez narażania informacji.
• MozJPEG, konwerter PNG dla oryginalnych obrazów w formatach JPG, BMP i PPM. Ta metoda kompresuje pliki JPEG, zachowując jednocześnie zgodność i jakość.
• WebP, metoda kompresji opracowana przez Google, która wykorzystuje kompresję bezstratną i stratną. Obrazy WebP są niezwykle przyjazne dla SEO.

Zauważ, że tutaj, nawet przy 75% jakości obrazu po kompresji, skompresowany obraz nadal wygląda prawie identycznie jak oryginał.

Dla zaawansowanych użytkowników rozwiń Ustawienia zaawansowane, aby dostosować kanały, kwantyzację i nie tylko.

Po zakończeniu kliknij przycisk Pobierz w prawym dolnym rogu ekranu, aby zapisać edytowany plik.

Jak Squoosh wypada w porównaniu z podobnymi narzędziami

Dostępnych jest wiele narzędzi do kompresji obrazu dla różnych platform i zastosowań. Gdy wybierzesz narzędzie do kompresji obrazu, będziesz chciał mieć pewność, że jest ono dostosowane do Twoich zastosowań. Niektóre narzędzia o podobnych możliwościach do Squoosh są przeznaczone wyłącznie do użytku osobistego (niekomercyjnego), płatne lub tylko aplikacje do pobrania przeznaczone dla określonych urządzeń.

Pamiętaj, że będziesz chciał wybrać narzędzie, które nie poświęci jakości twoich obrazów. Analizując opcje, warto sprawdzić jakość obrazu po kompresji w narzędziu.

Jednym z najbardziej polecanych konkurentów Squoosh jest Caesium, bezpłatna aplikacja do kompresji obrazu o otwartym kodzie źródłowym. Cesium działa zarówno w przeglądarce, jak i do pobrania, więc użytkownicy mogą zdecydować, jak najlepiej go wykorzystać. Alternatywnie, interfejs API ImageOptim działa podobnie, a płatne członkostwo zaczyna się od 12,00 USD miesięcznie.

Dostępne są również wtyczki WordPress, które odpowiadają na potrzeby kompresji obrazu. ShortPixel i Smush to narzędzia, które mogą zautomatyzować kompresję obrazu. Dla użytkowników WordPressa, którzy chcą rozwiązania typu „wszystko w jednym” bez opuszczania pulpitu nawigacyjnego, taka wtyczka może być świetną opcją.

Squoosh nie oferuje opcji grupowania obrazów ani automatyzacji, które mają inne aplikacje. Jednak jego zdolność do kompresji obrazu przy zachowaniu nienagannej jakości jest niezwykle ważną zaletą. Ostatecznie wybór odpowiedniego narzędzia do Twoich potrzeb zależy od Ciebie.

Wniosek

Optymalizacja obrazów i przyspieszenie czasu ładowania witryny ma kluczowe znaczenie zarówno dla odwiedzających witrynę, jak i rankingów SEO. Squoosh.app pomaga skutecznie skompresować obrazy witryny przy zachowaniu wysokiej jakości. To duży plus, zwłaszcza że właściciele witryn rozumieją znaczenie pięknych witryn, które szybko się ładują. Największym minusem jest jednak brak możliwości przetwarzania wsadowego obrazów. Jeśli to nie jest przełom, Squoosh to całkiem solidny wybór.

Czy używałeś Squoosha? A może brzmi to jak narzędzie, które możesz wypróbować? Daj nam znać o swoich doświadczeniach w komentarzach!

Polecane zdjęcie za pośrednictwem Overearth / shutterstock.com