- Usługi optymalizacji obrazu online
- Narzędzia do optymalizacji obrazu
- Tabela podsumowująca
- Studium przypadku
Dzisiaj ponownie przedstawimy raport z pola bitwy, gdzie programiści walczą z ciężarem swoich obrazów. A teraz porozmawiamy o broni przeciwko dużym rozmiarom - narzędzia do optymalizacji obrazu. Nie jest tajemnicą, że zdjęcia lubią ładować przez długi czas, ale niestety nie można ich odmówić. Jednocześnie z jakiegoś powodu wielu ludzi zapomina, że dzięki optymalizacji możliwe jest uzyskanie mniejszego rozmiaru przy zachowaniu jakości. Zacznijmy więc.
Jako świnka morska wzięliśmy obraz w formacie * .png o wadze 122 KB, który został użyty do ogłoszenia naszego raportu Konferencja OSDN 2013 . Podczas optymalizacji nie zmieniliśmy żadnych parametrów aplikacji ani usług online, jeśli takie były dostępne.
Usługi optymalizacji obrazu online
OptiPic - Świetne rozwiązanie dla tych, którzy chcą kompresować obrazy bezpośrednio na stronie, bez konieczności ich przesyłania / pobierania. Moduł jest instalowany bezpośrednio przez FTP, działa na wszystkich popularnych CMS i automatycznie kompresuje wszystkie obrazy w zasobie sieciowym, znacznie przyspieszając szybkość ładowania stron. Możesz przeczytać więcej o tym rozwiązaniu w naszym recenzja .
Nawiasem mówiąc, ta sama usługa oferuje bezpłatne rozwiązanie do kompresji obrazów online. To najlepszy wynik spośród wszystkich przetestowanych rozwiązań.
Smush.it własnością Yahoo !, która nawiasem mówiąc, również rozwija narzędzie Yslow do analizy prędkości pobierania witryn . Usługa nie ma żadnych dodatkowych ustawień, aby z niej skorzystać, wystarczy przesłać zdjęcia z komputera lub określić łącze do obrazu, który powinien zostać zoptymalizowany. Smush.it działa z GIF, JPEG i PNG, a rozmiar pobieranych plików jest ograniczony do 1 MB. Obsługiwane jest przetwarzanie wsadowe.
Dla WordPress jest wtyczka WP Smush.it, która działa na podstawie tej usługi. Możesz go poznać i zainstalować. tutaj . Nasz obraz przetwarzania po przetworzeniu zmniejszył się z 122 KB do 76 KB, tj. stracił 46 KB lub 38% pierwotnego rozmiaru.
Kraken.io - Kolejna usługa zmniejszająca rozmiar obrazu bez utraty jakości. Są bezpłatne i wersja płatna . Ta ostatnia różni się od pierwszej, w której API staje się dla nas dostępna, a także od rozmiaru i liczby obrazów, które można przesłać. W wersji darmowej dostępny jest tylko interfejs sieciowy, a każdy pobrany plik ma limit 1 MB. Użytkownik ma dwa dostępne tryby - bezstratny i stratny. Korzystając z trybu Straty, można zmaksymalizować rozmiar obrazu, ale z pewną utratą jakości. Usługa działa z GIF, PNG, JPEG. Przetwarzanie wsadowe jest również dostępne dla użytkownika.
Ponadto rozszerzenie jest dostępne w sklepie Chrome Kraken.io Image Optimizer który optymalizuje wszystkie obrazy na dowolnej stronie witryny. Po prostu przejdź do potrzebnej strony i uruchom ją, a na wyjściu otrzymamy cieńsze obrazy. Też mam Wtyczki Magento i WordPress .
Nasz bezstratny obraz eksperymentalny stracił 53 KB lub 43% i ważył 69 KB. W trybie stratnym obraz wyjściowy miał rozmiar 40 KB, tj. stracił 82 KB lub 67%. Jednocześnie, w rzeczywistości, nie znaleźliśmy żadnej utraty jakości.
Kompresuj PNG - To kolejna usługa online, która pozwala zmniejszyć rozmiar obrazu bez utraty jakości. Użytkownik może przesłać do 20 zdjęć, które zostaną przetworzone po kolei. Po pobraniu możesz jeszcze bardziej zmniejszyć liczbę kolorów, dzięki czemu plik będzie jeszcze mniejszy. Usługa działa z PNG. Obsługiwane są również JPG, BMP, ICO, GIF i JPG, które są automatycznie konwertowane na PNG. Jest wersja usługi, która działa z JPG, nie konwertuje do PNG. Dodatkowo pozwala na przetwarzanie BMP i PNG, ale automatycznie konwertuje je do JPG.
Po optymalizacji nasz obraz zaczął ważyć 40 Kb, czyli stracił 82 Kb, czyli 67% jego pierwotnego rozmiaru. Zgadzam się, że jest to doskonały wynik.
Narzędzia do optymalizacji obrazu
RIOT (Radical Image Optimization Tool) to darmowy optymalizator dla systemu Windows. Użytkownik może przetwarzać swoje obrazy automatycznie lub ręcznie, dokładniej dostosowując to narzędzie. Możesz go pobrać z oficjalna strona poza tym tutaj Tę samą aplikację znajdziesz jako wtyczkę dla GIMP, IrfanView, XnView. RIOT obsługuje PNG, GIF, JPEG, istnieje przetwarzanie wsadowe. Aby zoptymalizować wiele obrazów, wybierz element „Bath Optimizer ...” w menu „Tools”. W tym trybie możesz dodawać pliki, katalogi i katalogi z podkatalogami.
Nasza próbka optymalizacji po optymalizacji przy użyciu RIOT zaczęła ważyć 108 KB, tj. stracił tylko 14 KB lub 11%. Jednak, aby uzyskać większy efekt, należy zwrócić uwagę na tryb ręczny, który umożliwia zmianę wielu ustawień.
PNGGauntlet to darmowe narzędzie do optymalizacji rozmiaru obrazu, wolne od jakości , które działa w systemie Windows. Użytkownik jest dostępny w trybie automatycznym i ręcznym z dużą liczbą ustawień, które pomogą osiągnąć najlepsze wyniki w walce z otyłością. Działa z formatami JPEG, GIF, TIFF, BMP, PNG, po optymalizacji konwertuje wszystko do PNG.
Obraz testowy po optymalizacji zaczął ważyć 72 KB, tracąc 50 KB lub 41% jego pierwotnego rozmiaru.
ImageOptim to optymalizator obrazu dla Mac OS X. Jest całkowicie darmowy, możesz go pobrać oficjalna strona internetowa dostępna jest krótka instrukcja w języku rosyjskim. tutaj . Użytkownik może korzystać z trybu automatycznego lub wybrać określone narzędzie optymalizacji. ImageOptim obsługuje PNG, JPEG i GIF. Nawiasem mówiąc, oficjalna strona programistów sugeruje, że możesz użyć darmowego optymalizatora dla Ubuntu. Trimage .
Po optymalizacji otrzymaliśmy obraz o rozmiarze 73 KB, który stracił 49 KB lub 40%.
Tabela podsumowująca
Dla jasności postanowiliśmy zrobić mały stolik.
NazwaOryginalny rozmiar, KbNowy rozmiar, KbChange, KbZmień,%Typ
OptiPic 122 37 85 -70 Usługa online smush.it 122 76 46 -38 Usługa online kraken.io (LOSSLESS) 122 69 53 -43 Usługa online kraken.io (LOSSY) 122 40 82 -67 Kompresuj serwis internetowy PNG 122 40 82 -67 Serwis internetowy RIOT 122 108 14 -11 Windows PNGGauntlet 122 72 50 -41 Windows ImageOptim 122 73 49 -40 Mac OS X
Życzymy Ci jasnych obrazów!
Studium przypadku
Podsumowując, mała historia. Pewnego dnia jeden dobry człowiek, który w tym czasie był studentem niezależnym, stworzył stronę internetową dla jednego klienta. Projekt został wykonany dość szybko, projekt był dobry. Ale z powodu plotek okazało się, że uczeń nie miał czasu, aby wyciągnąć go na Joomla. Musiałem więc wypełnić go zwykłym obrazem i tylko menu było klikalne.
Na uzasadnione pytanie, dlaczego strona nie może kopiować tekstu i obrazów, klient sam odpowiedział, że zostało to z pewnością zrobione, aby konkurenci nie kradli treści. Deweloper chętnie zgodził się na tę wersję i potwierdził: „Aha, dokładnie!”. W tym stanie strona istniała dość długo, dopóki klient nie zdecydował się samodzielnie zmienić tekstu i zaczął zadawać pytania dotyczące panelu sterowania.
W rezultacie strona nadal musiała być ściągnięta w Joomla, klient był w stanie zmienić swój tekst w dogodnym dla niego momencie bez przerw na lunch, a student otrzymał spokój umysłu, ponieważ klient bardzo często zmieniał tekst i na wszystkich stronach witryny oraz przerysowywał obraz w tej sprawie bardzo czasochłonne.
Z powyższego wynikają dwa wnioski.
1. Kłamstwo nie jest dobre.
2. Jeśli kłamiesz i zrobisz obraz strony internetowej, to przynajmniej zmniejsz rozmiar obrazów poprzez optymalizatory, które zostały opisane powyżej.
