Jak łatwo skompresować jeden lub wiele obrazów naraz

Jednym z pierwszych wyzwań, jakie napotkałem jako webmaster tego bloga, były obrazy. Musiałem skompresować obrazy (JPG, PNG, GIF) z bardzo dużym popytem, jeśli chciałem zoptymalizować zasoby serwera, a także szybko ładować.

Dzisiaj wyjaśnię dwie metody, których używam do edycji i kompresji obrazów jak prawdziwy ninja . Przez ostatnie 3 lata próbowałem wszystkiego, ale ostatecznie to działa dla mnie najlepiej, więc chcę się tym z Tobą podzielić.

Jak skompresować jeden lub więcej obrazów naraz w najprostszy możliwy sposób

Wiele osób poleca kompresowanie obrazów przy użyciu programów takich jak Photoshop lub inne edytory multimedialne tego stylu. Coś, co jest bardzo dobre, ale tego typu aplikacje zwykle nie są dokładnie tanie , a także oferują wiele profesjonalnych funkcji, których osobiście mam mnóstwo - chcę tylko zrobić kilka poprawek i skompresować kilka zdjęć, a nie tworzyć krótką animację 8 minut-.

Jak edytować i kompresować obraz bez instalowania żadnej aplikacji

Kiedy wszystko, co muszę zrobić, to skompresować obraz i dostosować jego marginesy i rozmiar , używam narzędzia internetowego o nazwie Pixlr Express . Jest to aplikacja internetowa, która wiele lat temu ujrzała światło dzienne Autodesk - to samo co Autocad - a teraz została przejęta przez inną firmę (123RF). Ale przejdźmy do rzeczy ...

Chodzi o to, że jest nadal bezpłatny i działa równie dobrze. Nie tylko to, ale nie wymaga rejestracji i pozwala nam edytować obrazy, dodawać filtry, czcionki i sporo efektów. Od dłuższego czasu mam go w folderze „ulubione” przeglądarki.

Aby skompresować obraz za pomocą Pixlr Express , wystarczy załadować obraz do edytora i kliknąć Zapisz . Podczas zapisywania narzędzie pozwoli nam zastosować żądany poziom kompresji (od 0% do 100%).

W momencie zapisywania pozwala nam skompresować obraz

Oczywiście jakość obrazu będzie zgodna z poziomem kompresji, który stosujemy. Jako osobiste zalecenie radziłbym zastosować poziom kompresji 65% w porównaniu z oryginałem . Jest to punkt, w którym obraz nadal wygląda dobrze, a jego waga jest drastycznie zmniejszona.

Jak skompresować wiele obrazów jednocześnie i kaskadowo

Jeśli mamy kilka zdjęć, praca z Pixlr może być trochę uciążliwa. W takich przypadkach używam bezpłatnego programu o nazwie RIOT (Radical Image Optimization Tool), specjalnie zaprojektowanego do kompresji obrazów JPG, GIF i PNG.

RIOT pozwala nam załadować obraz, dostosować poziom kompresji i zobaczyć podgląd tego, jak będzie wyglądał po zastosowaniu kompresji. To dla nas świetne, aby dostosować go tak bardzo, jak to możliwe, i nadal dobrze wyglądać.

Ale prawdziwa magia RIOT tkwi w jego funkcji „Batch”. Stąd możemy załadować kilka obrazów naraz (na przykład wszystkie obrazy zawarte w folderze lub podfolderach) i skompresować je kaskadowo . W tym celu wystarczy kliknąć ikonę „ Wsad ”, wybrać folder docelowy ( folder wyjściowy ) i folder źródłowy ( Dodaj obrazy -> Dodaj wszystkie obrazy z folderu ). Gdy mamy już wszystko, co nam się podoba, wystarczy kliknąć " Start ", aby wykonać masową kompresję dla wszystkich wybranych obrazów.

To miło, słyszysz ...

Różnica między kompresowaniem obrazów jeden po drugim a robieniem tego w ten sposób jest po prostu fatalna. Wyobraź sobie, że musisz zoptymalizować wszystkie obrazy pracy na uniwersytecie lub, co gorsza, wszystkie obrazy w Twojej witrynie.

Idealny poziom kompresji obrazów na blogu lub stronie internetowej

Jak wspomniałem powyżej, idealny poziom kompresji dla stron internetowych to 65%. Ale to tylko osobista rekomendacja ...

Ale jeśli mamy stronę internetową i zależy nam na „idealnym” poziomie kompresji, z pewnością będziemy chcieli czegoś więcej niż osobistej rekomendacji wariata, który nazywa siebie „szczęśliwym androidem”.

W takich przypadkach Google ma dobrze znaną stronę dla webmasterów Pagespeed Insights. To narzędzie, oprócz informowania nas o szybkości ładowania naszej witryny i udzielania nam innych porad, umożliwia nam również pobranie kopii wszystkich obrazów, które zawiera określony adres URL. Te kopie obrazów zostaną zoptymalizowane w 100%.

Aby pobrać obrazy, musimy wpisać adres URL, pod którym się zawieszają i kliknąć przycisk „ Analizuj ”. Po zakończeniu analizy z zakładki „ Komputer ” przewijamy prawie do końca i klikamy link „ Pobierz zasoby graficzne, JavaScript i CSS zoptymalizowane dla tej strony ”. Automatycznie uzyskamy plik ZIP z już zoptymalizowanymi zasobami.

Jest trochę ukryta, ale jest to funkcja o brutalnej użyteczności

Mam nadzieję, że ten poradnik jest dla Ciebie pomocny. Gdybym mógł przeczytać coś takiego, kiedy zaczynałem ten projekt, z pewnością zaoszczędziłoby mi to wielu bólów głowy.

PS: Post poświęcony mojemu „mnie” z przeszłości. Zobaczmy, czy się nauczysz, dzieciaku!

Czy masz zainstalowany Telegram ? Otrzymuj najlepsze wiadomości każdego dnia na naszym kanale . Lub, jeśli wolisz, dowiedz się wszystkiego z naszej strony na Facebooku .