Optymalizuj i kompresuj zdjęcia online za pomocą SmushIt

Jeśli wcześniej obserwowałeś moje posty, będziesz wiedział, że jestem fanatykiem optymalizacji mojej witryny pod kątem najlepszej wydajności. Jedną z rzeczy, które robię, jest kompresowanie zdjęć do możliwie najmniejszego rozmiaru bez utraty jakości wizualnej.

Jeśli zastanawiasz się, dlaczego zmniejszenie rozmiaru zdjęć może pomóc w wydajności witryny, w zasadzie im większy rozmiar obrazów, tym wolniej trwa ładowanie serwera i większe prawdopodobieństwo awarii serwera, gdy wystąpi awaria wzrost natężenia ruchu (np. dotarcie do pierwszej strony Digg). Ponadto, jeśli hostujesz swoje zdjęcia w witrynie innej firmy, takiej jak Amazon S3, posiadanie mniejszego obrazu oznacza również niższy koszt, ponieważ opłata zależy od przepustowości i użytej przestrzeni dyskowej.

Jak kompresować zdjęcia online za pomocą SmushIt

Smush.it to usługa opracowana przez zespół Yahoo Exceptional Performance, której celem jest poprawa wydajności Twojej witryny. SmushIt usuwa wszystkie metadane z obrazów i kompresuje je przy użyciu algorytmu optymalizacji, który nie tylko zmniejszy rozmiar, ale także zachowa jakość wizualną. Kiedy po raz pierwszy go użyłem, byłem zaskoczony widząc 30% zmniejszenie rozmiaru obrazu, który zoptymalizowałem w Photoshopie. Przez większość czasu, gdy używam Smushit, jest w stanie golić 10-50%, czasami 80% mniej niż rozmiar obrazu.

Istnieje kilka sposobów wykorzystania Smusha do optymalizacji zdjęć online.

Prześlij swoje zdjęcie

Jeśli masz na komputerze kilka zdjęć, które chcesz zoptymalizować, możesz łatwo przesłać je do Smushit za pośrednictwem programu do przesyłania na miejscu. Nie ma ograniczeń co do liczby zdjęć, które można przesłać, ale pamiętaj, że im więcej przesyłasz, tym wolniej.

URL obrazu

Zamiast przesyłać, możesz również wskazać Smushit na internetowy adres URL (na przykład witrynę) i zlecić mu analizę i optymalizację wszystkich obrazów w tym adresie URL.

Rozszerzenie Firefox

To zdecydowanie mój ulubiony sposób korzystania ze Smushit. Jeśli używasz przeglądarki Firefox, możesz zainstalować rozszerzenie Smushit Firefox i mieć szybki dostęp do niego w dowolnym miejscu i czasie. Gdy jesteś na stronie internetowej (być może podczas podglądu artykułu z posta na swojej stronie) i chcesz zoptymalizować obrazy na tej stronie, po prostu kliknij ikonę SmushIt na pasku stanu, aby przeanalizować i zoptymalizować wszystkie obrazy na tej stronie.

Alternatywą dla rozszerzenia Firefox jest bookmarklet, który można umieścić na pasku zakładek.

Wynik

Po zoptymalizowaniu obrazów przez SmushIt wyświetli raport o liczbie bajtów, które ogolił z oryginalnych obrazów, oraz udostępni link do spakowanych plików wszystkich skompresowanych obrazów.

Wtyczka WordPress

Inną rzeczą, jeśli używasz WordPress, jest też wtyczka Smushit, której możesz użyć. Po aktywacji wtyczki wszystkie obrazy, które prześlesz na swoją stronę, automatycznie przejdą przez SmushIt za sceną. Nie musisz nic więcej robić. Alternatywnie możesz przejść do biblioteki multimediów w WordPress i przetwarzać istniejące obrazy za pomocą SmushIt.

Czy próbowałeś SmushIt do optymalizacji i kompresji zdjęć? Czy to ci się przydaje? Podziel się z nami w komentarzach.