10 Narzędzi do kompresji obrazków

Nie ma nic gorszego niż ładna, użyteczna, wygodna dla użytkownika witryna, która wolno się ładuje. Google  o tym dobrze wie, dlatego szybkość ładowania strony jest jednym z czynników SEO, wpływającym na pozycję strony w wynikach wyszukiwania.

Często wolne ładowanie strony jest spowodowane dużą liczbą obrazków lub ich pokaźnym rozmiarem. Jeżeli z pierwszą przyczyną nie tak łatwo sobie poradzić (nie samym tekstem żyje content!), to drugą wyeliminować jest znacznie łatwiej. W tym pomogą narzędzia do kompresji obrazków.

Narzędzia do kompresji

W tym artykule dobraliśmy 10 narzędzi do kompresji obrazków i przeprowadziliśmy eksperyment, żeby porównać wynik ich pracy. Głównym kryterium porównania jest procent oszczędności po kompresji obrazka  - na ile zmienił się jego rozmiar.

Przejdź do wyników

Dla naszego eksperymentu wybraliśmy tylko narzędzia działające online. Dobieraliśmy programy spośród znanych i często wykorzystywanych.  Jednocześnie istotne dla nas było porównanie narzędzi bardzo prostych z tymi dla profesjonalistów, dlatego lista wybranych systemów jest dość różnorodna:

  1. Tiny PNG
  2. Image Recycle
  3. ShortPixel
  4. Imagify
  5. Compressor.io
  6. Imagecompressor
  7. Imageresize
  8. Kraken
  9. Toolur
  10. CompressNow

Niektóre z dobranych przez nas systemów oferują użytkownikom 2 rodzaje kompresji: kompresję stratną – Lossy oraz kompresję bezstratną – Lossless. W trakcie naszego eksperymentu przeprowadziliśmy oddzielne testy dla kompresji stratnej i bezstratnej.

Kompresja stratna (Lossy) oznacza, że podczas zmniejszenia rozmiaru obrazka zmienia się również jego jakość. Często system ma na celu osiągnąć najmniejszy rozmiar obrazku zachowując akceptowalną jakość.

Podczas kompresji bezstratnej (Lossless) jego rozmiar optymalizuje się w taki sposób, aby utrzymać pierwotną jakość obrazku.

 

Opis narzędzi do kompresji obrazków

 

  1.  TinyPNG – jest przyjaznym narzędziem do kompresji obrazów bardzo łatwym w wykorzystaniu. Pozwala na załadowanie do 20 plików jednocześnie w wersji darmowej. Rozmiar jednego pliku jest ograniczony do 5 MB. Wersja płatna (25$ za użytkownika) pozwala na załadowanie obrazków z rozmiarem do 25 MB, a liczba plików nie jest ograniczona. Narzędzie działa szybko i wygodnie. Jednak nie pozwala na kompresje plików formatu GIF. Kompresja obrazków TinyPNG
  2.  Imagerecycle – skupia się na optymalizacji rozmiaru obrazków, jednak daje szereg dodatkowych możliwości. W wersji płatnej Imagerecycle może optymalizować całą stronę, kompresować obrazki podane adresem URL oraz zmieniać wymiary obrazów. Imagerecyle oprócz wersji online istnieje jako wtyczka do Wordpress, rozszerzenie do Joomla i Magento oraz aplikacja do Shopify.  W wersji darmowej pozwala na kompresje wielu obrazków jednocześnie, które ważą nie więcej niż 10 Mb. Ma dwa tryby kompresji:
    • „Best saving” – „najlepsza proporcja pomiędzy rozmiarem i jakością”, odnieśliśmy ten tryb do „stratnych”,
    • „Original quality”  - „optymalizuje obrazek bez zmiany ani jednego pixelu”, ten tryb odnosimy do bezstratnych.

Kompresja obrazków ImageRecycle

  1.  ShortPixel  - przyjazne narzędzie do kompresji obrazów. Ma trzy tryby kompresji: „Lossy”, „Glossy” i „Lossless”. W trybie „Lossy” system próbuje znaleźć równowagę pomiędzy najmniejszym rozmiarem i akceptowalną jakością. Tryb „Glossy” kompresuje obrazek, zachowując dobrą jakość obrazu, natomiast tryb „Lossless” nie zmienia obrazka podczas kompresji, zachowując pierwotną jakość. Shortpixel pozwala kompresować jednocześnie do 50 plików, jednak darmowa wersja umożliwia zmianę rozmiaru nie więcej niż dla 100 obrazków miesięcznie.  Obsługuje format JPG, PNG, GIF.

Kompresja obrazków ShortPixel

  1.  Imagify – podobnie do ShortPixel ten system ma trzy tryby kompresji: od maksymalnego zmniejszenia rozmiaru i akceptowalnej jakości – tryb Ultra, przez tryb Aggressive, do trybu bezstratnego – Normal. Istnieje w wersji darmowej i płatnej. Wersja darmowa jest bardzo restrykcyjna i ogranicza rozmiar załadowanych plików do 2 MB, natomiast wersje płatne ograniczają łączny miesięczny rozmiar kompresji plików od 1 GB do 50 GB. Imagify istnieje również jako wtyczka do Wordpress.

Narzędzie do kompresji obrazków Imagify

  1.  Compressor.io pozwala tylko i wyłącznie na kompresję obrazka, obsługuje formaty JPEG, PNG, GIF i SVG. Ma dwa rodzaje kompresji: Lossy i Lossless. Compressor pozwala od razu porównać oryginał i zmniejszony obrazek.  Narzędzie jest bardzo proste w wykorzystywaniu.

Narzędzie do kompresji obrazków Compressor.io

  1.  Image compressor – pozwala przeprowadzić tylko kompresję stratną obrazków. Jednocześnie można kompresować do 20 plików. Narzędzie nie obsługuje plików formatu GIF. Korzystając z Image compressor, możesz dobrać jakość obrazu, którą chcesz uzyskać. Narzędzie na żywo pokazuje, jak zmienia się wygląd obrazka i jaki procent jego rozmiaru udaje się dzięki temu zaoszczędzić.

Narzędzie do kompresji obrazków Image Compressor

  1.  Imageresize – oprócz kompresji obrazów narzędzie pozwala zmienić ich wymiary. Ten system jest bardzo prosty w wykorzystaniu. Można załadować do 20 plików jednocześnie lub podać ich URL. Narzędzie jest w pełni bezpłatne, jednak nie obsługuje formatu GIF.

  1.  Kraken – jest narzędziem dla profesjonalistów. Za pomocą Krakena można dokonać kompresji stratnej i bezstratnej. Ma również funkcję dla ekspertów, która pozwala dobrać wymaganą jakość oraz zachować poszczególne metadane obrazków. System istnieje w wersji wtyczki do Wordpress i Magento. Kraken może być wykorzystywany w wersji darmowej z pewnymi ograniczeniami: 100 MB  - kwota do testowania, brak możliwości podania URL obrazka lub załadowania całej strony.

Kompresja obrazków Kraken

  1.  Toolur pozwala nie tylko zoptymalizować obrazki, również zmienić ich wymiary. Daje możliwość wyboru kompresji stratnej i bezstratnej. Narzędzie oferuje 5 metod kompresji stratnej (A, B, C, D, E) i 2 metody kompresji bezstratnej oraz 2 typy kompresji (Normal i Progressive). Niestety różnica pomiędzy metodami i typami kompresji nie jest wytłumaczona na stronie. Pomimo tego dla kompresji stratnej użytkownik ma możliwość wyboru docelowego poziomu jakości obrazu. Tak duży szereg opcji i możliwości wywołuje zamieszanie u początkującego użytkownika. Narzędzie jest darmowe i pozwala na kompresję jednocześnie 25 obrazków. Toolur nie obsługuje formatu GIF, a obrazki formatu PNG po kompresji są przetwarzane do JPG i nie zachowują przezroczystości.

Narzędzie do kompresji obrazków Toolur
 

  1.  CompressNow – narzędzie jest bardzo proste i darmowe. Pozwala dobrać poziom kompresji. Na stronie systemu jest stwierdzone, że system obsługuje formaty GIF oraz PNG. W praktyce pliki tych formatów po kompresji są przetwarzane do formatu JPG i nie zachowują przezroczystości. Interfejs systemu nie jest bardzo zaawansowany i jest prosty w użyciu.

Narzędzie do kompresji obrazków

 

 

Liczba plików jednocześnie

Cena

Max Wielkość pliku

GIF

PNG

Lossy

Lossless

API

Wtyczki

Ładowanie z URL

Tiny PNG

Do 20

Free

W wersji płatnej >20 obrazków jednocześnie, do 25 Mb.

5 MB

Nie

Tak

Tak

Nie

Tak

Wordpress,

Magento,

Photoshop

Nie

Image Recycle

Wiele

Free

z ograniczona funkcjonalnością. (na przykład, zmiana wymiarów; pobieranie obrazków z URL).

10 Mb

Tak

Tak

Tak

Tak

Tak

nieograniczone, darmowe sub-accounts

Wordpress,

Magento,

Joomla, Shopify

Tak,

Także URL strony

ShortPixel

Do 50

Free -

100 obrazków/mies

 

Tak

Tak

Tak

Tak

Tak

Wordpress

Przez API

Imagify

Wiele

Free,

Ograniczenie pliku do 2 MB

2 Mb w wersji darmowej

Tak

Tak

Tak

Tak

Tak

Wordpress

Tak

Compressor.io

1

Free

10 MB

Tak

Tak

Tak

Tak

Nie

Nie

Nie

Image compressor

Do 20

Free

 

Nie

Tak

Tak

Nie

Nie

Nie

Nie

Imageresize

Do 20

Free

 

Nie

Tak

Tak

Nie

Nie

Nie

Tak

Kraken

Wiele

Free  -

Kwota 100 Mb

32 MB

Tak

Tak

Tak

Tak

Tak

Wordpress,

Magento

Tak

w wersji płatnej

Toolur

Do 25

Free

30 MB

Nie

Tak

Zmienia format na JPG

Tak

Tak

Nie

Nie

Nie

CompressNow

Do 10

Free

6 Mb – Drag&Drop,

9 Mb  - pobieranie z  dysku.

Tak

Zmienia format na JPG

Tak

zmienia format na JPG

Tak

Nie

Nie

Nie

Nie

Eksperyment

A teraz nadszedł czas sprawdzić wszystkie opisane narzędzia w praktyce. Dla naszego eksperymentu wybraliśmy 4 obrazki różnych formatów i rozmiarów. Pozwoli nam to przetestować narzędzia w warunkach maksymalnie zbliżonych do rzeczywistych.

Wybraliśmy następujące 4 obrazki:

  1. Obrazek „Landscape”

Jest to obrazek formatu JPG o rozdzielczości zbliżonej do Full HD -1920x1279. Często takie obrazki wykorzystują jako tło lub jako duży banner na stronie internetowej. Obrazek nie ma żadnej kompresji wyjściowej.

Skuteczna kompresja obrazków SEO

  1. Obrazek na blog

Kolejny obrazek formatu JPG ma rozdzielczość 800x533. Taki obrazek można zamieścić na blogu w tekście bądź jako baner prezentujący artykuł. Kompresja wyjściowa: Save For Web Photoshop, 85% jakości – jest to klasyczny sposób optymalizacji obrazka do strony WWW.

Narzędzia do skutecznej kompresji obrazków

  1. Logo w PNG

Każda strona zawiera logo i dla naszego testu wybraliśmy jedno, które najbardziej nam się podoba :) Rozdzielczość obrazka wynosi 800x200. Logo jest w formacie PNG z przezroczystym tłem. Wykorzystaliśmy kompresję bezstratną przy zapisywaniu obrazka z wektora.

Skuteczna kompresja plików PNG

  1. GIF

Postanowiliśmy przetestować również kompresje pliku w formacie GIF. Obrazek zawiera animację i ma 256 kolorów. Rozdzielczość  - 1065x391.

Kompresja plików formatu GIF

Informacja o obrazkach
LandscapeLogo w PNGObrazek na blogGIF
FormatJPGPNGJPGGIF
Rozdzielczość1920 x 1279800 x 200800 x 5331065 x 391
Znaki szczególnePrzezroczysto tłoAnimacja
Kompresja wyjściowabrakkompresja bezstratna przy zapisywaniu z wektoraSave For Web Photoshopa, 85% jakości
Kolory256

Warunki eksperymentu

Wybrane 4 obrazki skompresowaliśmy w 10 narzędziach. Przyjęliśmy kilka zasad:

  1. Jeżeli system pozwalał dobrać wymagany poziom jakości obrazka, wybieraliśmy 75%. Zrobiliśmy to dla narzędzi Toolur i Imagecompressor.
  2. Nie zmienialiśmy ustawień systemu oprócz poziomu jakości.
  3. Jeżeli narzędzie oferowało kilka metod kompresji bezstratnej, testowaliśmy wszystkie dostępne metody. Narzędzia ShortPixel oraz Imagify zaproponowały po dwa tryby kompresji. Jednak w przypadku narzędzia Toolur, które oferuje 5 metod kompresji, ograniczaliśmy testowanie do domyślnie ustalonych opcji kompresji: jedna metoda kompresji bezstratnej i jedna stratnej.

Jako główne kryterium eksperymentu wybraliśmy to, jaki procent rozmiaru obrazka udało nam się zaoszczędzić. Policzyliśmy również łączną oszczędność dla zestawu obrazków – na ile procent zmniejszył się rozmiar zestawu obrazków.

Wyniki

Kompresja stratna – Lossy

Narzędzie

Landscape

Obrazek na blog

Logo

GIF

Łącznie oszczędziliśmy

Tiny PNG

85%

53%

62%

86%

Image Recycle

84,72%

45,94%

69,46%

4,49%

79%

ShortPixel Lossy

94%

66%

76%

8%

89%

ShortPixel Glossy

86%

29%

58%

8%

80%

Imagify Aggressive

68,07%

42,97%

63,47%

7,77%

63%

Imagify Ultra

80,56%

68,24%

70,39%

8,17%

76%

Compressor.io Lossy

84%

46%

75%

8%

79%

Imagecompressor

89%

61%

63%

80%

Imageresize

92%

67%

53%

0% -

87%

Kraken

64,33%

40,59%

59,30%

7,66%

60%

Toolur

89%

60%

63,2%

87%

CompressNow

84%1

45,3%1

57%2

62,9%2

81%

1 Zastosowany domyślnie ustalony compression level – 20%.
2 Domyślnie ustalony compression level został podniesiony do 25%, zgodnie ze wskazówkami systemu.

Przeprowadzony test pokazuje, że najbardziej skutecznym narzędziem do kompresji obrazków jest ShortPixel i jego metoda Lossy. System uzyskał najlepsze wyniki kompresji obrazku „Ladscape” oraz Logo w PNG. Kompresja obrazku na blog oraz Animacji GIF też okazała się blisko najlepszej. ShortPixel łącznie zaoszczędziłby najwięcej miejsca na stronie.

Kolejnym narzędziem, które pokazało dobre wyniki testów, jest Imagify z metodą kompresji Ultra. Ten system w największym stopniu zmniejszył Obrazek na blog oraz Animację GIF.

Mimo to, że narzędzie CompressNow ma najlepszy wynik kompresji dla animacji GIF, nie braliśmy jego wyników pod uwagę. Podjęliśmy taką decyzję, ponieważ po kompresji format pliku został zmieniony z GIF na JPG,  oraz obrazek stracił animację.

Natomiast, jeden z najgorszych wyników uzyskało popularne narzędzie Kraken – łączny wynik kompresji zestawu obrazków jest najniższy oraz system w najmniejszym stopniu zmniejszył obrazek „Landscape”. Także najniższe w porównaniu do innych narzędzie uzyskały systemy:

  • Imageresize  dla Logo w PNG,
  • Image Recycle dla animacji GIF,
  • ShortPixel w trybie Glossy dla Obrazka na blog.

Kompresja bezstratna – Lossless

Narzędzie

Obrazek „Landscape”

Obrazek na blog

Logo

GIF

Łącznie oszczędziliśmy

Image Recycle

24,21%

3,13%

18,26%

4,49%

22%

ShortPixel

8%

4%

18%

4%

7,9%

Imagify

5,69%

3,13%

14,81%

4,49%

4,5%

Compressor.io

0%

0%

75%

8%

0,8%

Kraken

9,26%

4,15%

33,54%

3,89%

9%

Toolur

7,8%

0%

-67,9%

2,7%

 

W przypadku kompresji bezstratnej najlepsze wyniki dało narzędzie Image Recycle. System uzyskał najlepszą kompresję dużego obrazku „Landscape” w porównaniu do innych narzędzi oraz dla całego zestawu obrazków.

Ciekawym przykładem jest narzędzie Compressor.io, które nie zmieniło rozmiaru obrazków w formacie JPG, natomiast uzyskało najlepsze wyniki kompresji dla pliku PNG oraz GIF.

Dobre wyniki kompresji bezstratnej pokazało również narzędzie Kraken. System uzyskał najlepszy rezultat kompresji Obrazka na blog, dobre wyniki dla Obrazka „Landscape” i dla Logo w PNG, natomiast, najgorszy wynik dla animacji GIF w porównaniu do innych narzędzi.

Wnioski

W rezultacie naszego eksperymentu z 10 narzędzi do kompresji obrazków wybraliśmy 5 systemów wartych uwagi: 2 systemy dla kompresji stratnej i 3 systemy dla kompresji bezstratnej.

Kompresja stratna

Jeżeli Twoim celem jest zaoszczędzenie jak najwięcej miejsca na stronie oraz maksymalne zmniejszenie rozmiaru obrazków – warto wybrać ShortPixel lub Imagify. Te narzędzia dały najlepsze wyniki dla kompresji stratnej. Poza tym oba mają przyjazny i łatwy do użytku interfejs. Obydwa narzędzia są płatne, jednak mają wersję darmową.

Natomiast, jeżeli szukasz narzędzia do kompresji bezstratnej –  sprawdź Image Recycle, Compressor.io oraz Kraken.

Kompresja bezstratna

Image Recycle dało dobre wyniki kompresji i dla plików JPG, PNG oraz animacji w formacie GIF, jednak największą kompresję udało się przeprowadzić dla dużego obrazku w formacie JPG – „Landscape”. Narzędzie ma wersję płatną z dodatkowymi funkcjami, jednak dla przeprowadzenia kompresji wystarczy wersji darmowej. 

Compressor.io jest narzędziem wartym uwagi, jeżeli musisz dokonać kompresji obrazku w formacie PNG lub GIF. Narzędzie jest bardzo wygodne i w pełni darmowe.

Kraken jest najbardziej profesjonalnym narzędziem ze wszystkich – zawiera zaawansowane funkcje kompresji. To narzędzie jest najlepszym wyborem, jeżeli chcesz skompresować Obrazek na blog (około 800x500) bez straty jego jakości. Lepiej niż większość innych Kraken poradzi sobie z Logo w formacie PNG. Wersja darmowa Krakena jest ograniczona miesięczną kwotą 100 MB.

Autor

Katarzyna Ambrożewicz's picture

Katarzyna Ambrożewicz

Marketing manager w SEMSTORM. Na co dzień zajmuje się opracowaniem strategii content marketingowej oraz jej realizacją. Wierzy w "Inbound" i siłę słowa. Prywatnie jest pasjonatką kina europejskiego i dobrej dyskusji.

Przeczytaj także

Komentarze